[CarmenHParticipant]

Hi There,

Please can you tell me how to change the colour of my header and footer on the integrity stack?
I would also like to change the colour of my logo to white once i have changed the header colour.

Your help with this would really be appreciated!

Kind Regards
Carmen

[ZeshanMember]

Hi Carmen,

Thanks for writing in! To assist you with this, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you.

Thanks!

[CarmenHParticipant]

This reply has been marked as private.

[NicoModerator]

Hi There,

Try adding this in your Customizer’s Custom CSS:

footer.x-colophon.top{
background-color:#000;
}

.x-navbar{
background-color:#000;
}

.x-navbar .x-brand{
color:#FFF;
}

Hope it helps.

Cheers!

[CarmenHParticipant]

Thanks so much for this, I have taken the colour for the footer out of the code as i prefer just the header to be black. However, the pages seem to have disappeared and only appear when you scroll over them? Also, the colour of the text of the pages seems to be grey and not white? 🙂

[ChristopherModerator]

Hi there,

#1 Change menu items color under Customize -> Typography -> NAVBAR.

#2 Change body font’s color under Customize -> Typography -> BODY AND CONTENT.

Hope it helps.

[CarmenHParticipant]

Yes, this helps thank you 🙂 Except my links in my drop down menu cant be seen because they are white. Is there an option on the customizer to make these sub page titles black?

[Paul RModerator]

Hi Carmen,

To make it black, you can add this under Custom > CSS in the Customizer.

body .x-navbar .desktop .sub-menu a {
    color:#000;
}

Hope that helps.

[CarmenHParticipant]

Thanks so much that worked! So Sorry to be a pain about this. Just trying to get the look the way i envisioned. This will be my last request for the Nav bar! Ive made the link color white and i’ve also made the hover over white, therefore the sub links disappear when i hover hover them 🙁 Please can you help with keeping these black but also underlined when hovered over? I would really appreciate this!

[NicoModerator]

Hi There,

For there will be no more confusions, would you mind sharing us some screenshot that you want to achieve.

Once we got the information, we’ll do our best to help you.

Thank you so much!

Cheers!

[CarmenHParticipant]

Hi, I am trying to get a menu similar to this: http://www.nastygal.com/.
The only issue i am facing is with the hover over of the drop down menu. As you can see on this site, when you are in a drop down menu and hover over a page, it is underlined in black. 🙂

[Paul RModerator]

Hi,

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

body .x-navbar .desktop .sub-menu a {
    color:#000;
}

body .x-navbar .desktop .sub-menu a:hover {
    text-decoration:underline;
}

Hope that helps.

[CarmenHParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please add this instead of our previous suggested code :

ul.sub-menu a:hover {
  color: rebeccapurple !important;
}

Hope it helps.

[CarmenHParticipant]

Hi, the link turns to purple when i hover over? could it not stay black and be underlined when i hover over? 🙂

[Author]

Posts