Yes, showcases do have the option for adding CSS styling. If you have the option to use CSS styling, you need to add #z_wrapper before any CSS ruleset.
To personalize the showcase do the following:
- Navigate to Web Plugin > My Web Plugins.
- Scroll down and select Edit Custom CSS.
- Add the #z_wrapper to the CSS as shown in the second image on this page.
More About CSS
CSS stands for Cascading Style Sheet. Therefore by nature of the "cascade", any element will be targeted by all rules that it matches regardless of if the rule is in the user-defined sheet, the Zift-defined sheet, or user styles added to the plugin in Zift123. The Zift Production team primarily uses 2 methods to ensure that our plugins (and their associated CSS) do not interfere with partner sites. The two methods follow:
- Wrap all content in a parent element with a specific id. Ex. <div id="z_wrapper">...</div>
- This allows us to specifically target general HTML elements in the CSS without affecting the partners base page. For example #z_wrapper h2 { STYLE RULES HERE }
- Use z_ notation on all custom IDs and classes.
- This allows us to target the correct specific element
- Partner's site styles
- Zift defined styles
- Partner override styles (personalized in Zift123)
For additional help with CSS styling contact you web developer.