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

[Michelle Booysen]

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/

[Sonl Sinha]

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

[Michelle Booysen]

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

[Sonl Sinha]

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

[Michelle Booysen]

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/

[Sonl Sinha]

Hi,

Kindly use this CSS for product page.

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

Regards,
Dave

[Author]

Posts