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.
Change Sale Flag Color
This CSS override will change the color of the sale flag in the matrix view and when the product is selected.
.salelabel {
background: #b3000a;
}
.productsalelabel {
background: #b3000a;
}Replace the hex code with your desired color.
Hide Filters On Classic Shop Page
This CSS override will hide different filter sections on the left hand side of the classic shop page.
#CategoryArea {
display: none!important;
}
#CollectionArea {
display: none!important;
}
#SizeArea {
display: none!important;
}
#WidthArea {
display: none!important;
}Hide any or all of the filters you see above. Don't include the filters you do not want to hide.