Bg Color of Header on pages to be different to homepage slider header bg color

Home Forums All Other Themes Bg Color of Header on pages to be different to homepage slider header bg color

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #186642
    Michelle BooysenMichelle Booysen
    Participant
    • Topics: 13
    • Replies: 22
    • Total: 35
    Member since: October 18, 2021

    Good day

    Is it possible to change the header background color on my pages to be different to the slider header background color on my homepage?
    I would like the background color to be
    rgb(25, 35, 46); on all other pages (home page to stay as is)

    https://titans-aquatics.co.za/

    #186707
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31035
    • Total: 31035
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .page .header {
        background-color: rgba(25, 35, 46, 0.9);
    }

    Regards,
    Dave

    #186890
    Michelle BooysenMichelle Booysen
    Participant
    • Topics: 13
    • Replies: 22
    • Total: 35
    Member since: October 18, 2021

    thanks. why is it that my shop page header looks different?

    #186913
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31035
    • Total: 31035
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .archive .header {
        background-color: rgba(25, 35, 46, 0.9);
    }

    Regards,
    Dave

    #186919
    Michelle BooysenMichelle Booysen
    Participant
    • Topics: 13
    • Replies: 22
    • Total: 35
    Member since: October 18, 2021

    thanks, it works on my shop page but then if i go to a product page it looks different again. for example see: https://titans-aquatics.co.za/product/raffle-ticket/

    #186928
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31035
    • Total: 31035
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS for product page.

    .single .header {
        background-color: rgba(25, 35, 46, 0.9);
    }

    Regards,
    Dave

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.