Return to previous page

Global color in CSS or through Addition CSS

This topic has 7 replies, 2 voices, and was last updated 2 months, 2 weeks 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.

We would like to inform you that our theme offers the flexibility to customize any demo version to meet the specific needs of our clients. This is why you have access to a multitude of settings. While it is possible to change the Primary color through the theme options https://prnt.sc/sxkMfF_PAXZX , please note that not all colors on the website will be altered immediately. We consider this adaptability to be one of our strengths. However, if you believe that customizing our demo version to your requirements will be too time-consuming, we are prepared to offer you a refund – https://themeforest.net/refund_requests/new

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team

#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)