Return to previous page

Global color in CSS or through Addition CSS

This topic has 7 replies, 2 voices, and was last updated 9 months ago ago by Rose Tyler

Gaurav

Participant

February 23, 2024 at 14:29

Hello.

How can I change the color of the theme in CSS or through Addition CSS?

Old — to —> new
#4caf50 –> #800000
#43a047 –> #4c0000

Please help in this regard.

Please, contact administrator
for this information.

#384552 Copied Theme version: 9.2.8

6 Answers

Gaurav

Participant

February 23, 2024 at 14:46

Actually I want to change all instances of the color #4caf50 to #800000 throughout theme.

#384558 Copied

Rose Tyler

Support staff

February 23, 2024 at 14:46

Hello, Gaurav,

Thank you for contacting us and for using XStore.

The custom CSS from the demo version that has been imported onto your site can be located and modified within the Theme Options under the ‘Theme Custom CSS’ section.

To alter colors outside of custom code, there is no need to utilize the Additional CSS. Instead, you should edit the settings found in the theme options and the content configuration for pages. For instance, to change the colors in the header, please navigate to Theme Options and then to the ‘Header Builder’.

Kind Regards,
8theme team

#384559 Copied

Gaurav

Participant

February 23, 2024 at 15:09

I have tried this way. I will have to change at tens of places and that is very lengthy.

So I am expecting a option like “Changing the Primary color”.

#384561 Copied

Rose Tyler

Support staff

February 23, 2024 at 15:17

Hello, Gaurav,

We hope this message finds you well.

Private Content

Kind Regards,
8theme team

Please contact administrator
for this information.

#384563 Copied

Gaurav

Participant

February 23, 2024 at 15:19

If I need to “Find and Replace” the code is CSS through File Manager, where I can find the CSS of the demo version.

#384564 Copied

Rose Tyler

Support staff

February 23, 2024 at 15:38

Hello, Gaurav,

We appreciate your prompt response.

You do not need to use the File Manager. Please go to Theme Options > Them custom CSS > find and replace the color https://prnt.sc/3mynVM_rh-Ca . Then edit settings of elements via Theme Options and page editor, for example, https://prnt.sc/3-WuM1i8eKPD https://prnt.sc/jvv_XxdIJK_X https://prnt.sc/Bxt3fNwN28L7

We hope this information is helpful.

Kind Regards,
8theme team

#384572 Copied
Tagged: addition css woocommerce, css color manipulation, css global color, customize woocommerce color, woocommerce wordpress templates, wordpress theme color change
Viewing 7 results - 1 through 7 (of 7 total)