In this article, you will learn how to add additional styles and customizations beyond the built in functionality of Freedomkit. For a specific example, we will cover making changes to the Order Bump element, but these concepts can be expanded to any element within the platform.

 

Key Takeaways and Notes

  1. Opening up the inspector will allow you to find the exact "selector" for the thing you want to customize.
  2. Use the "Custom CSS" button on the page builder to open up the editor and make changes to your designs
  3. Not a coder? No problem! You can use an AI chat tool to generate ideas on how to write the script. Or you can go old-school and google it.

 

How to show and hide elements using CSS

In this example we will show you how to hide the "Shipping information" box at the bottom of the Thank You Page of your store using the following simple CSS script:

.shipping-details-container {
    display: none;
}