Navigation
Archive / how do I change menu colors and footer colors
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 20, 2016 at 5:58 am #1050355

    AbdulQ9
    Participant

    it seems like my styles.css doesn’t have any content. How do I change menu & footer colors

    June 20, 2016 at 6:28 am #1050413

    Thai
    Moderator

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. 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 with everything.

    June 20, 2016 at 8:40 am #1050592

    AbdulQ9
    Participant

    here it is https://www.sphcdacop.org

    June 20, 2016 at 8:52 am #1050617

    AbdulQ9
    Participant

    apologies its http://www.sphcdacop.org

    June 20, 2016 at 9:10 am #1050645

    Joao
    Moderator

    Hi There,

    Your Navbar link colors can be changed by going to Appereance > Customizer > Header and searching for Navbar Links and Navbar Links Hover. Please see image attached.

    The links at your footer will follow the links color set on your website. It is the same for your social Icons. At the moment the links of your website are set to green.

    You can change that by going to Appereance > Customizer > Typography.

    If you would like to setup a different color for the footer links you can go to Appereance > Customizer > Custom > CSS , add the following code and adjust the color according to your wishes.

    .x-colophon.bottom .x-nav li a {
color: #fff;
}

    If you would like to change the footer brackground color you can follow this thread:

    https://community.theme.co/forums/topic/changing-footer-background-color/

    Hope that helps,

    If you have any questions please let us know.

    Joao

    June 20, 2016 at 9:23 am #1050671

    AbdulQ9
    Participant

    What you’re pointing me to is menu items and not the menu itself, I want to change the navbar color from white to something like this 0c1f24 but its not there.

    June 20, 2016 at 9:46 am #1050706

    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    .x-navbar {
    background-color: #0c1f24;
}

    Hope it helps 🙂

    June 20, 2016 at 9:50 am #1050710

    AbdulQ9
    Participant

    fantastic that did. Thanks Thai!

    June 20, 2016 at 10:23 am #1050792

    AbdulQ9
    Participant

    How about that of the footer?

    June 20, 2016 at 10:26 am #1050809

    Rupok
    Member

    Hi there,

    Thanks for updating. I guess you are referring the background color by ‘color’. Let’s add this as well :

    .x-colophon.bottom {
  background-color: #0c1f24;
}

    If you are referring the footer widget section then it would be :

    .x-colophon.top {
  background-color: #0c1f24;
}

    Hope this helps.

    Cheers!

    June 21, 2016 at 3:23 am #1052127

    AbdulQ9
    Participant

    that was it thanks

    June 21, 2016 at 3:56 am #1052176

    Lely
    Moderator

    You’re welcome!

    Cheers!

  • Author
    Posts