Header colour

  • Resolved awills

    (@ariannewilliams)


    8 years, 4 months ago

    I’m trying to change the background colour of the header bar but it is not updating. I have pasted the below code in Customise > Header Settings > Custom CSS

    header#masthead {
    background-color: #c70039;
    }

    Does anyone know why this hasn’t worked? I am using the free version of Shk Corporate

Viewing 13 replies - 1 through 13 (of 13 total)
  • Imran Ali

    (@imranaliweb)

    8 years, 4 months ago

    Hi @ariannewilliams,

    Thanks for contacting us,

    Please indicate your issue with screenshot image.

    Thanks

    Thread Starter awills

    (@ariannewilliams)

    8 years, 4 months ago

    Hi Imran, I’m not sure how to add a screenshot here.

    Imran Ali

    (@imranaliweb)

    8 years, 4 months ago

    Hi @thaqy

    You can send screenshot using this tool.
    https://prntscr.com/

    Thanks

    Thread Starter awills

    (@ariannewilliams)

    8 years, 4 months ago

    Thank you, image here
    https://prnt.sc/ivb8eb

    I’d like the header bar and page selection box to match company colours.

    Many thanks.

    Imran Ali

    (@imranaliweb)

    8 years, 4 months ago

    Hi @ariannewilliams,

    For this paste, the following css code in custom css filed (Theme Dashboard >> appearance >> customize >> header setting >> custom css filed)

    .page-title-section
    {
    background-color: #0073aa !important;
    }

    Change background color as your need.

    Thanks

    Thread Starter awills

    (@ariannewilliams)

    8 years, 4 months ago

    Thank you, that has worked!

    Is there a way of changing the colour of the box highlighting which page you’re on too? Ie: the ‘welcome to’ box here https://prnt.sc/ivbhs6

    Imran Ali

    (@imranaliweb)

    8 years, 4 months ago

    Hi @ariannewilliams,

    For this paste, the following css code in custom css filed

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #0073aa !important;
}

    Change color code as your need.

    Thanks

    Thread Starter awills

    (@ariannewilliams)

    8 years, 4 months ago

    Thank you so much!

    • This reply was modified 8 years, 4 months ago by awills.
    Thread Starter awills

    (@ariannewilliams)

    8 years, 1 month ago

    I’m looking to change the colour of the drop down menu the font (not background) colour when I mouse over the header items – can you help>

    I have used the following code but it isn’t working:

    #fixed-header-top ul.menu ul li a
    :hover {
    background: #000000;
    color: #000000;
    }
    #nav-main ul.sf-menu .sf-dropdown-menu li a {
    color: #000000;
    }

    Thread Starter awills

    (@ariannewilliams)

    8 years, 1 month ago

    I’m looking to change the colour of the drop down menu the font (not background) colour when I mouse over the header items – can you help>

    I have used the following code but it isn’t working:

    #fixed-header-top ul.menu ul li a
    :hover {
    background: #000000;
    color: #000000;
    }
    #nav-main ul.sf-menu .sf-dropdown-menu li a {
    color: #000000;
    }

    Imran Ali

    (@imranaliweb)

    8 years, 1 month ago

    Hi @ariannewilliams,

    Please share a website URL and screenshot of the issue, you are facing, so that we can help you better regarding that.

    Looking forward to helping you.

    Thanks

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    8 years, 1 month ago

    imranaliweb Could you refrain from @ user’s in every reply? That level of notification is abusive, please stop that now.

    Thread Starter awills

    (@ariannewilliams)

    8 years, 1 month ago

    I’d like to change the blue hover over colour and blue background colour of the dropdown menu. https://prnt.sc/jrlov9

    I would like to change the hover colour of the side bar links too, if possible.

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘Header colour’ is closed to new replies.