When integrating custom CSS using the Wishlist Guru app, you gain the flexibility to make specific style modifications that may not be available through standard settings or options.
To add custom styling to your store, follow the given below instructions. But, before proceeding further, ensure your plan is upgraded to Basic or above.
Go to the Dashboard page and within the quick access section find the settings that say “Custom CSS and Custom js/jQuery code” and then click on the Configure button.
You’ll be directed to the Advance Setting page as shown in the image below:
Locate the section marked with an arrow on the Advance Setting page. Within this section, put your custom CSS styles according to your requirements. For your styles to take effect without any issue you need to utilize the “!important” declaration. This declaration is used to override any conflicting styles applied to an element, ensuring that your desired CSS properties take precedence. By using “!important”, you can enforce your styling choices, even if they conflict with existing styles from your theme or other CSS rules.
Note*- Save your settings after adding the code in the custom CSS section.
