Designfolio Color Change

Hey there Jim,
Could you link us to your site so we can take a look at it for you?

Do not edit the theme itself. First create a child theme for your changes. Or install a custom CSS plugin.

I am developing my site using Instant WordPress so I cannot direct you to it. I cannot find out the location to modify the Header and Footer color from Navy to Gold. In the Teme.php file the colors are listed, but when I try to add a line that says gold, the Header and Footer colors disappear.. I can live with that except, then my drop down menu is alos trasparent and shows overtop of text.

Hi Jim,

I’m one of the developers of Designfolio. If you take a look at the CSS in Chrome inspector you will see the design rule that affects the header/footer bg color:

#header-container, .footer-widget-container {
background: #568CAA;
}

Just add this to a child theme style.css file and change the color as necessary.

Hi David,

I am also using this theme, and I am having trouble with colours. I have started a thread with a few replies at https://www.ads-software.com/support/topic/child-theme-seems-to-be-activated-but-not-in-header?replies=9#post-5489254

When I do as you have instructed, the styling in my child theme style sheet is overridden by the default style sheet. Here is a copy from the element inspector in chrome. The top one references the default style sheet, the second one is actually crossed out and references my child theme style sheet.

Is there a neat way to work on the colour scheme for this DesignFolio theme?

Thanks

element.style {
}
johnwilkinsonmusic.com.au/media="all"
#header-container, .footer-widget-container {
background: #253944;
}
johnwilkinsonmusic.com.au/media="screen"
#header-container, .footer-widget-container {
background: yellow;
}

Just wanted to be sure I was going to get follow up messages so I posted this. Please ignore, and feel free to tell me where I can get notifications without having to post. ??

In the next release the color scheme style sheet will be added before the main style sheet which will make it easier to override styles in a child theme.

If your current version has the color scheme styles added after the main styles then it will also be the case in your child theme. In the meantime you can use !important to force overriding of styles:

https://webdesign.about.com/od/css/f/blcssfaqimportn.htm