Use these Custom CSS Overrides to add custom CSS to your RFP Site:
Jump to:
Customize the Font on your RFP Site
Follow the steps in this article to update the font on your RFP site.
Change to Non-All Caps Product Names
This CSS override will change your product names on the product matrix view and the product page to NOT be transformed to all caps.
Product Name in the Matrix View
/** Uppercase Product Name in Matrix View **/
.product .name {
text-transform: unset!important;
}
Product Name on Product Page
/** Uppercase Product Name on Product Page **/
h1.uppercase.productname {
text-transform: none;
}
After you modify the CSS in your Custom Styles section, you will need to clear the cache in your browser and refresh your site to see the changes.
Use Big Product Image in Matrix View
This CSS override will increase the size of your product image tiles and remove the border.
/** Big Product Images **/
.product .image { height: 325px; margin-bottom: 5px; } .product { border: solid 2px var(--white); }
After you modify the CSS in your Custom Styles section, you will need to clear the cache in your browser and refresh your site to see the changes.