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.
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.
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;
}
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);
}
Hide Guest Checkout Option
This CSS override will hide the Guest Checkout Option.
#GuestArea {
display: none!important;
}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.