Change colour of pages headings, without changing slider h1

  • Resolved KDWebmaster

    (@kdwebmaster)


    10 years, 9 months ago

    Hi There,
    I need to change the heading on my pages, h1 (which are currently white, and cannot be seen on a white background). It seems that the slider title is also h1, and this heading is to stay white. Can you please tell me how I can change the colour of my heading on the pages, or add a block of colour behind the headings on my pages? I am very new at this and am finding it difficult to fix this one last issue I am having. Here is the link where you can see that the – slider heading h1 is white and great, but when you click to one of the pages – you cannot see the heading h1 as it is white https://pakpro.com.au

Viewing 5 replies - 1 through 5 (of 5 total)

  • Start with this snippet which will help you change color of the Page Title

    Thread Starter KDWebmaster

    (@kdwebmaster)

    I’m sorry to bother, but I am such a novice at this… Is this correct? I cut and paste the following section into the CustomCSS and also Child Theme style.css, and neither worked. I managed to change the size, but not the colour, so I removed that section and only entered the following…

    /* Change color of Page/Post Title */
    h1.entry-title>a, h2.entry-title>a {color: grey;} /* Change red to required color */

    I have tried grey and #565656, and I cannot seem to get it to work.

    Would you be so kind as to let me know what I am doing incorrectly and how I can fix it.

    Thank you

    The CSS rule for this situation should instead be:

    h1.entry-title, h2.entry-title { color: grey; }

    However, there’s another issue. In your document header, something (probably a plugin) has added this CSS code:

    h1 {
    font-family: 'Allerta Stencil', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #ffffff !important;
}

    which is overriding your stylesheets. You need to find whichever plugin is adding this code and disable it. If you want to continue to use the Allerta Stencil font, simply copy that line (without !important) to your child theme’s stylesheet or your custom CSS plugin.

    something (probably a plugin)

    Yes, it’s Google Web Fonts Plugin, which is being very naughty splashing around “!important“s like that.

    Thread Starter KDWebmaster

    (@kdwebmaster)

    You all rock thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change colour of pages headings, without changing slider h1’ is closed to new replies.