Header and Footer Color change

[Anonymous]

Hi Yolo Team,
I have purchase your theme and we love it just wondering if there is a way to change the lavender color in the top bar and the footer. Thanks for your help fantastic job with the Theme

Add New Note to this Reply

[tinhbeng]

Hi,

Please use the child theme for your changes(https://codex.wordpress.org/Child_Themes). This may lose some config in the customizer(Logo, background image)-> you go to Customizer and select again.

You can solve the problems above the following:

1,  You find to style.css (/yolo-kidzone-child/style.css) and the following line:

- Change color for Topbar

.yolo-header .navbar-wrapper .navbar .yolo-topbar .topbar-inner{

   background-color: #fff;          => edit color you want.

}

- Change color for Footer: You go to Customizer -> Footer -> Set Background color for it

Hope it help!

Add New Note to this Reply

[Anonymous]

Thanks Tinhbeng,

When I do what you have recommended and added that info into the child-theme/style.css to change Topbar color  I get no change?

doing some research I find you need to add a functions.php to child theme to reference the kidzone main css file.

that is if there is one main.css file but in your theme there are nine css files in the css folder does the child theme need to reference all nine or just the yolo.css file to get this color change to work?

Thanks

Add New Note to this Reply

[tinhbeng]

Hi,

Sorry for reply my delay!

You just need to create style.css with content the following:

/*

Theme Name: Yolo Kidzone Child

Theme URI: https://yolotheme.com/

Author: YoloTheme

Author URI: https://yolotheme.com/

Description: This is a custom child theme for Yolo Kidzone

Template: yolo-kidzone

Version: 1.0.0

Tags: two-columns, left-sidebar

Text Domain: yolo-kidzone

*/

=> you can add css for it.

next step,you need to create a functions.php  file into "yolo-kidzone-child" folder (you can to empty it)

If don't success, please send me admin your account. I will help you check.

Thanks,

 

 

Add New Note to this Reply

[Anonymous]

Thanks Tinhbeng,

Sorry no luck I have tried just about everything.

I have used firebug to access parent yolo.css and I can change the color in header.

but when I add this to the child style.css I get no change

I an developing this site locally on Manp so cant give you access to it

here is the contents of the style.css in the child theme

/*
Theme Name: Yolo Kidzone Child Theme
Theme URI: https://yolotheme.com/
Author: YoloTheme
Author URI: https://yolotheme.com/
Description: This is a custom child theme for Yolo Kidzone
Template: yolo-kidzone
Version: 1.0.0
Tags: two-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, translation-ready
Text Domain: yolo-kidzone
*/

.yolo-header .navbar-wrapper .yolo-topbar .topbar-inner {
background-color: #9fbe3c;
}

I had a blank functions.php file in the child theme as you indicated
with no success

any help would be appreciated

 

Add New Note to this Reply

[tinhbeng]

Hi,

Please make sure you have activated Kidzone Child Theme

And you can try to add the following line into style.css again

.yolo-header .navbar-wrapper .navbar .yolo-topbar .topbar-inner {

background-color: blue;

}

Add New Note to this Reply

[Author]

Posts