Hi karanjhanwer.
In order to change the colour behind the logo, please add this to Appearance -> Customize -> Additional CSS:
.logo .header-logo-text a {
background-color: #f00;
}
Adjust the color: #f00 value as you wish.
The same principle applies to the other parts.
Kale Pro has a bit more options in that regard – https://help.lyrathemes.com/article/253-custom-colors-pro-only
Kind regards.
Thank you for your prompt reply. I pasted this code and played with different color codes but it does not seem to work 🙁
OK, sorry about that. Let’s try another hit at it:
.logo {
background-color: #42f5f5;
}
Kind regards.
Its worked!! Thank you so much 🙂
Only one small issue..is it possible to increase the extent of the background color that it includes the social media icons as well? Right now its till the length of the logo.I want it to fill it to the top. Thank you 🙂
You’re welcome.
But if you change the background colour to include social media, I suppose you’ll need to change their colour too? 🙂 So here it is:
.widget ul > li > a, .widget ul > li > span > a {
color: #fff;
}
.header-row-1 {
background-color: #000;
}
Kind regards.
Thank you. 🙂
Could I ask you for a few minutes of your time in order to leave us a review, here – https://ww.wp.xz.cn/support/theme/kale/reviews/?
We would really appreciate it.
And could you also mark the thread as resolved?
Kind regards.
Hi,
The code to change the color of the social icons had worked, but somehow its not working today. if you drag the pointer towards right hand upper side, you can see that the logos exists but we can’t see them. Kindly help 🙂
Looks like you’ve made some changes in that widget so the old code doesn’t apply any longer, please remove this:
.widget ul > li > a, .widget ul > li > span > a {
color: #fff;
and replace it with this:
.header-row-1 .widget_nav_menu .menu > li > a {
color: #fff;
}
Hopefully it should work again.
Kind regards.
