Theme Settings Style & Color

Hi team,

I changed the theme settings styles and colors, Primary color to be black, but I want to keep the theme color (HEX #E4445E / RGB 228 68 94) not change on the cart icon quantity and search icon. Could you provide css code to keep it as original.

2. Font size, Could you reduce the review score 4.9 font size to be 20px, cause it looks too big

3. Q&A
3.1 Title font size, could you also reduce to 17px
3.2 Replace the ask a question button background color to be Blue rgb(0,102,180) keep white text

Thank you very much.

Attachments:

You must be logged in to view attached files.

Hello,

Try to use the below custom css code in Theme Settings > Custom CSS:

/* 1. Keep HEX #E4445E color on Cart Badge and Search Button */
.wd-tools-element:is(.wd-design-2, .wd-design-5) .wd-tools-count {
    background-color: #E4445E !important;
    color: #ffffff !important;
}

.searchform[class*="wd-style-with-bg"] .searchsubmit {
    --btn-bgcolor: #E4445E !important;
    --btn-bgcolor-hover: #d03750 !important;
    background-color: #E4445E !important;
}

/* 2. Reduce Review Score (4.9) Font Size to 20px */
.cr-overall-rating-wrap .cr-average-rating span,
.cr-average-rating {
    font-size: 20px !important;
}

/* 3.1 Q&A Title Font Size to 17px */
.cr-qna-block h2,
#cr_qna h2 {
    font-size: 17px !important;
}

/* 3.2 Change "Ask a Question" Button Background to Blue rgb(0,102,180) & Keep White Text */
.cr-qna-block .cr-qna-search-block .cr-qna-ask-button,
button.cr-qna-ask-button {
    background-color: rgb(0, 102, 180) !important;
    background: rgb(0, 102, 180) !important;
    color: #ffffff !important;
}

Best Regards

[Author]

Posts