Docs

[Chop85]

Hi,

Just wanting to do a couple of changes to my site and can’t seem to work out the right CSS…
– Change footer and top nav colour to black
– Change footer and top nav text colour to white
– change hover on text to blue

Thanks
S

[Chop85]

This reply has been marked as private.

[Chop85]

sorry, that’s the ‘top bar’, not top nav

[Rupok]

Hi there,

Thanks for writing in!

#1. You can change the background colors from Customize > Ethos – http://prntscr.com/bbh15z

You have added this which is affecting the text color :

.x-topbar .p-info, .x-colophon .x-colophon-content, .x-topbar .p-info a, .x-colophon .x-colophon-content a {
  color: #000 !important;
}

Let’s update this to exclude topbar content:

.x-colophon .x-colophon-content, .x-colophon .x-colophon-content a {
  color: #000 !important;
}

#3. You can change the link hover color from Customize > Typography (see the bottom).

Hope this helps.

Cheers!

[Chop85]

Thanks for that- I can’t believe it was just in the settings!

Just one more thing though- how do I get all the copy in top nav bar and footer to be white? I changed the code to what you sent throughbut it’s just changed the ‘© Omerta 2016’.

Thanks
S

[Chop85]

Sorry- one more thing. I’m trying to add a ‘facebook’ link to the footer. I’ve got ‘footer social’ switched on and I’ve added the link to the ‘social’ section. But it’s still not appearing…am I missing something?

[Joao]

Hi There,

I have tested and it is working fine.

http://omerta.com.au/contact-us/

Please clean your cache and test it again.

If you are still facing issues after that please inform us which browser device or any other details you judge useful.

Hope that helps,

Joao

[Chop85]

That’s really strange…Facebook icon is on via chrome and safari but not my firefox (even after I cleared the cache). But I tried on another computer and it’s showing up on their firefox so that’s fine.

The only other thing is the colour is still not white. I’ve attached a screenshot… I wanted to make font in top navbar and footer the same white as the ‘© Omerta 2016’….currently it’s grey…

[Thai]

Hi There,

Please add the following CSS:

.x-colophon.bottom .x-nav li a,
.x-colophon.bottom .x-nav li:after,
.x-colophon.bottom .x-social-global a {
    color: #fff;
}

Hope it helps 🙂

[Chop85]

Thanks- that works great- are you able to send through the CSS to change the top bar copy as well?

[Christopher]

Hi there,

Please add this :

.x-topbar p.p-info, .x-topbar a {
    color: #fff;
}

Hope it helps.

[Chop85]

perfect- thanks!

[Christopher]

You’re welcome.

[Author]

Posts