In order to customize the widget for different stylings, follow the steps provided in this document.
Instructions
You can use the CSS editor to customize the appearance of our widget with any style sheet. It is better to make the customization on the theme’s main style sheet.
To edit the container to add padding, target main-element
Style Fields for the Compact Widget Style:
- To modify the eligibility tag main text, target class id sg-main-text to provide the stylings (don't forget to use !important)
- If you have to fix the logo size, target class id powered-by-logo
Style Fields for the Contained Widget Style:
- To modify the eligibility tag description, target class id sg-text-wrap to provide the stylings (don't forget to use !important)
- To modify the main title, target the id cc-shop-give to provide the stylings (don't forget to use !important)
- If you have to fix the logo size, target class id powered-by-logo
Style Fields for the Full Widget Style:
- To modify the main title, target the id sg-title to provide the stylings (don't forget to use !important)
- To modify the eligibility tag description, target class id sg-text-wrap to provide the stylings (don't forget to use !important)
- If you have to fix the logo size, use class id sg-powered-by-wrap.