Global color in CSS or through Addition CSS

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

  • Avatar: Gaurav
    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.
    6 Answers
    Avatar: Gaurav
    Gaurav
    Participant
    February 23, 2024 at 14:46

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

    Avatar: Rose Tyler
    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

    Avatar: Gaurav
    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”.

    Avatar: Rose Tyler
    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

    Avatar: Gaurav
    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.

    Avatar: Rose Tyler
    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

  • Viewing 7 results - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.