Docs

[nillamary]

Hi,
I would like to globally edit the Masthead section as follows (see attached image). How can I do the following?
1. Match my Footer’s background colour?
2. See Contact page: Make the grey colour reach down to the grey horizontal line but still as semi-transparent (currently stops below logo and halves the Hamburger icon before continuing as black) – see attached screenshot?
3. Remove grey horizontal line?

Please note that when I view my Home page, the Masthead’s background colour displays as black as does my Footer’s background colour, which is different to my Contact page.
4. Where do I find my Footer’s background colour setting? (not under Customiser>Footer)

Many thanks

[Friech]

This reply has been marked as private.

[nillamary]

This reply has been marked as private.

[Rad]

Hi there,

1. It’s a bit confusing. Should the footer follow the navbar background color, or its the navbar that should follow the footer?

2. Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

.x-breadcrumb-wrap {
    min-height: 66px;
}

3. This too,

.x-navbar {
border: 0px;
}

4. It’s done through CSS, you can change it by adding this with your own color.

.x-colophon {
background-color: rgb(20,20,20);
}

Thanks!

[nillamary]

Thanks Rad!

1. My Home navbar is different to my other pages’ navbars but also Footer background colours are different. I’d like:
a. All my navbar background colour to be the same as Footer throughout my site.
b. Both navbar and footer to me a dark grey and slightly transparent.

Thank you.

[Friech]

Hi There,

You can add this under Custom > CSS in the Customizer.

header .x-topbar,
header .x-navbar,
footer.x-colophon {
	background-color: #141414 !important;
}
header.masthead {background-color: #fff;}
header .x-navbar.x-navbar-fixed-top {background-color: rgba(0,0,0, 0.85) !important;}

Hope it helps, Cheers!

[nillamary]

That worked Friech, thank you!
Not sure if my top bar is slightly darker though? May be my eyes. I know I set the nav bar colours up in the Ethos>Topbar background colour and Nav bar background colour ages ago, should these match the CSS colour so there’s no issue? (I understand that the CSS overrides these settings, but thought just to be safe)

[Joao]

Hi There,

At the moment there is no topbar on your website, please clarify.

Thanks

Joao

[nillamary]

Sorry Joao, it’s the Nav bar background, thanks.

[Friech]

Hi There,

I did check the site again and the navbar and footer has the same background color (#141414). I think the navbar looks darker (on viewers eyes) because of the pure white section below.

Keep in mind that your navbar is semi-transparent so it does slightly change when it blends on the color behind it (you can see that when you scroll through your home page).

Thanks.

[nillamary]

Thanks for your info and checking my site!

[Joao]

Let us know if you need help with anything else.

Cheers

[Author]

Posts