Return to previous page

Site Colors - by bdavis - on WordPress WooCommerce support

This topic has 6 replies, 3 voices, and was last updated 11 years ago ago by Robert Hall

bdavis

Participant

November 28, 2014 at 23:27

I am having an issue with changing the site colors. I put the color in the Theme Options, main color part but how do I change all the site colors from the gold in the icons (like the cart, and search), lists (like in FAQ’s), product pricing, and so on.

#27244 Copied

5 Answers
Eva Kemp

Participant

November 29, 2014 at 13:12
Hello,

Cart icon color can be changed using some image editor as it’s an image wp-content/themes/royal/images/sprite/icons.png
Search icon can be changed via css class in custom.css file:

.fa-search:before { color: #F00 !important; }

Change color value to yours.
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

For FAQ lists add this code in custom.css:

.toggle-block.bordered .toggle-element > a:before { background: #F00 !important; }

and price color can be changed with this code:

.price { color: #000 !important; }

Thank you.
Regards,
Eva Kemp.
#27291 Copied
bdavis

Participant

December 2, 2014 at 00:35

Thanks for the information. One last thing, how can I change the colors on the notification colors, like “…was successfully added to your cart” from green to a light grey?

#27565 Copied

Robert Hall

Participant

December 2, 2014 at 08:30

Hello,

Please provide us with link to the page.

Regards,
Robert Hall.

#27585 Copied

bdavis

Participant

December 2, 2014 at 08:57

Please see below in private.

Please, contact administrator
for this information.

#27588 Copied
Robert Hall

Participant

December 2, 2014 at 09:19
Please add following code into custom.css file.

.woocommerce-message{ background-color: #DBDBDB; border-color: #DBDBDB; }

Regards,
Robert Hall.
#27590 Copied
Viewing 6 results - 1 through 6 (of 6 total)