changing main colors

Hi,

Please download the custom CSS plugin from WordPress Plugin Directory.

After it Add below custom CSS rules into Custon CSS editor:

.topbar.topbar_colored {
    background: #FFC0CB;
}
.menu_button_mode:not(.header_on_side) #navy > li.current_page_item > a {
    background: #FFC0CB;
}

Save the changes.

And if you want to change the menu bar background color then

Go to Customizer >> Colors >> Header Text Colors

Now select your color and save the changes.

Hope it will work for you

Let me know for further assistance.

Thanks

Thank you. Thant kinda worked.
It made two functions:
Header text color (does not change the text but the background)
Background color (does not change anything as far as I can see)

Also, how do I change the link colors in the header?
The color of the ‘active link’ button
https://biancabenz.com/

your help is very much appreciated
Thanks again!

Hi,

Yes, Header text color applying on header background.

Background color working perfectly for that you have to apply some settings

from customizer:

Go to Dashboard Admin Panel >> Appearance Menu >> Customizer >> Kyma Options

>> Layout Options >> Site Layout.

Now select boxed layout to use background color.

Save the changes.

To change the header menu link color put below CSS rules into custom CSS

editor:

.menu_button_mode:not(.header_on_side) #navy > li.current_page_item > a, .menu_button_mode:not(.header_on_side) #navy > li.current_page_item:hover > a {
    background: red;
}
.light_header #navy > li > a:hover{
    color: red;
}

Save the changes again.

Note: Change color code according your choice. and you can also set custom

home page. Follow this link or more detail you can visit into

“Appearance Menu >> About Kyma” section

Thanks

Hi,

Did the above solution work for you.

Thank You

No actually it did not. I did what you said but the link color did not change to red as in your code. See for yourself: biancabenz.com

Also what exactly is a ‘boxed layout’ in:
>> Layout Options >> Site Layout.

Hi,

Thanks for using our theme.

Menu hover link color working with above CSS rules yet you can also try

below CSS rules:

.light_header #navy > li > a:hover {
color: #008000 !important;
}

instead of above.

Save the changes.

Here we are sending a screen-shot URL for your view so that you can find out

which option for “Boxed Layout”.

Here is a LINK

Let us know for further assistance.

Thanks

Hi oetzi13,

Any Update?

Thank You

Sorry, I have been very busy..
Its probably something I did wrong. its still not working even after I switched to the boxed layout. Here are the contents of the custom css file.
<?php
/*
Plugin Name: Custom CSS
Plugin URI: https://freshface.net
Description: Add custom CSS, LESS and JS code to your WordPress site
Version: 1.3.4
Author: FRESHFACE
Author URI: https://freshface.net
Dependency: fresh-framework
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

require_once dirname(__FILE__).’/fresh-framework/framework/init/class.ffFrameworkVersionManager.php’;
ffFrameworkVersionManager::getInstance()->addVersion(‘1.8.16′, dirname(__FILE__).’/fresh-framework/framework/bootstrap.php’, dirname(__FILE__).’/fresh-framework’, plugin_dir_url(dirname(__FILE__).’/fresh-framework/freshplugin.php’), true );

.topbar.topbar_colored {
background: #FFC0CB;
}
.menu_button_mode:not(.header_on_side) #navy > li.current_page_item > a {
background: #FF0000;
}
.menu_button_mode:not(.header_on_side) #navy > li.current_page_item > a, .menu_button_mode:not(.header_on_side) #navy > li.current_page_item:hover > a {
background: #FF0000;
}
.light_header #navy > li > a:hover{
color: #FF0000;
}

I set most colors to bright red, but it does not show up for some reason.

Hi,

Just put below css at the end of style.css file (Theme’s style file).

.menu_button_mode:not(.header_on_side) #navy > li.current_page_item > a, .menu_button_mode:not(.header_on_side) #navy > li.current_page_item:hover > a {
    background: red;
}
.light_header #navy > li > a:hover{
    color: red;
}

It’ll change menu color to red.
Thanks.

Thank you that worked for changing the header hover link color. The active link still shows a turquoise button in the background of the header links. Also, all the other hover links on the rest of the page are still turquoise as well as the search box and the button on the bottom (link to top of page).
I was wondering if we could just find out the hex number of that turquoise, and just replace all instances of it with my color of choice in the stylesheet?

Hi,

New update of Kyma theme is released .

Update your theme. It has the option to change background color and font color of header.

Thanks

would that mess up my current settings/changes?

Hi,

No but you will need to set topbar color, header color again if you set it before.

Thanks

Hi,

Can we mark this ticket as resolved?

Thank You

Almost. The update made it easy to change the colors of the header. That is great, thank you. But, the mouse over in the main page links still show the turquoise blue:
https://biancabenz.com/lifestyle/
There are 233 instances of this turquoise blue color in the stylesheet. Which one will change these links, color of the search box, and the button in the footer that takes you to the top of the page?