Theme colors change

Tyche
1

Hello there,
in my Tyche theme I would like to change the first of the three colors in preset color schemes. I want to change #f66249 color and have #c4302b instead. Please can you write me the CSS code?
Thank you very much, Your help is very appreciated.

2

Hey there

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*change color to #c4302b*/
.top-header-bar-container .top-header-bar li.top-cart:hover {
    background: #c4302b;
}

.sf-menu > li.current-menu-item > a, .sf-menu > li.current > a {
    color: #c4302b;
}

.sf-menu > li > a:hover {
    color: #c4302b;
}

.main-slider .main-slider-bar {
    background: #c4302b;
}

.button.primary{
  border-color: #c4302b;
  background-color:#c4302b;
}

.tyche-product .price ins {
    color: #c4302b;
}

.widget.beige .widget-title > span:before, .widget.secondary .widget-title > span:before {
    background: #c4302b;
}

.main-slider .hero-caption .btn-group a{
   background: #c4302b;
   border-color: #c4302b;
}

Best Regards,
Support

3

Hi!
Thank You! Worked perfectly.
Just in menu > main menu the button showing which page i am currently in is still in the old color scheme.
How can I change that too?

4

Hello there,

This css code should allow you to change the current page indicator color:

/*menu indication color*/
.sf-menu > li.current-menu-item > a, .sf-menu > li.current > a {
    color: #c4302b;
}

Best Regards,
Support

5

Hey,
I’ve done this - everything seems to have updated to my selected colour, except the ‘my cart’ button on the top right. When I hover on it, it changes to my selected colour (2AA4CF) - but not as standard. Circled in attached screenshot

Can you advise the code to fix this?

Thanks!

6

Hello there,

The following CSS code will allow you to change the color of the button when you hover over it:

/*Button hover color*/
.top-header-bar-container .top-header-bar li.top-cart:hover {
    background: #2AA4CF;
}

Best Regards,
Support

7

These changes only change small fields. The rest remains in the given colours.

How to change a complete theme color?

regards
strohhut

8

can i chane the main header and footer color? to #e0d5d5
and can i change background image this template?

9

Hey there

Dear @rikikris2003 please include link to your website in your next reply and i will provide custom css code for you :slight_smile:

10

thi is my web… antodjamil.web.id/toko/
i want to change the primary header color
and add slider in the bottom like this…

11

this is my website https://antodjamil.web.id/toko/
i want to change my header color to #e0d5d5
and change the background picture like this

12

hey there

Please add this CSS in appearance - customize - additional CSS Thanks!


/*twek header and footer bg color*/
.site-header,
.site-footer {
    background: #e0d5d5;
}

Regarding background image, please give me url of the image you want to use as a background

Colorlib Support Team

13

can i change background image in my website?

14

Have you seen my last reply? :slight_smile:
i need url of the image you want to set as abackground

15

Have you seen my last reply? ?
i need url of the image you want to set as abackground

16

Good day!
Is this thread still open? How can I change my background color to White?

I cannot seem to do that in the Theme Options> Colors.

17

Hi @accentdog

The ticket is still opened but my suggestion is to open your own ticket, i cant handle such a long tickets, its better for everyone if you have your own ticket :slight_smile:

18

Okay will open a new ticket then!

19

Ok, I saw it, :slight_smile:
let’s close this one