Change footer headings

Support
#1

Hi there
I’m developing a site at http://www.coachhousedaynursery.com/chdn_wp/.

I have a dark coloured footer and light coloured pages. Thus I want the headings on my page content to be dark and the text in the footer to be light.

The heading colours in the X options is dark and I have custom css saying that .x.colophon.top h1,h2,h3,h4 should be light coloured, but this then changes the heading colours throughout the site. I have tried various different selectors, going more and less granular and using the !important, but I cannot find a way of stopping the css that should just control the footer affecting the page content. A particular page to look at is http://www.coachhousedaynursery.com/chdn_wp/curriculum/nursery-toddling-2-years-kingfishers - this should have a heading above the gallery.

Can you tell me what I’m doing wrong please? I’ve never had this problem before.

Thanks

#2

Hello Elizabeth,

Thanks for asking. :slight_smile:

You can add following CSS under X > Theme Options > CSS:

footer.x-colophon.top .h-widget, footer.x-colophon.top h3, footer.x-colophon.top h4 {
    color: #fff;
}

Thanks.

#3

Thank you. I didn’t go granular enough! That worked perfectly.

#4

You are most welcome, Elizabeth.

Here are some related links of the suggestions above for further reading:

Hope this helps.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.