How to edit the navigation bar colors

  • Resolved Rick Cram

    (@plantobeyourbest)


    11 years, 6 months ago

    Very nice theme.

    As I’m trying to edit the main nav bar colors, so far I can only change the hover color (from #00A1E0 to #157D92).

    I’d like to change the blue line that runs the width of the page, too.

    I see this, but I don’t know what to do with it…

    /* These are used for Themonic Main Nav Bar li background colors – for colorful menu */

    .bluem{ background-color:#157D92; padding:5px; }
    .orangem{ background-color:#FF811A; }
    .greenm{ background-color:#8AC327; }
    .redm{ background-color:#F96234; padding:10px;}

    Any suggestions?

    Thank you very much!

    https://blog.rickcram.com

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Themonic

    (@themonic)

    Unlimited colors using a color picker is available in Pro version already without touching any code https://themonic.com/iconic-one-pro/
    Supporting members will also get priority support.

    ——-
    to change the blue line paste this in custom.css

    .themonic-nav div.nav-menu > ul {
    border-bottom: 5px solid #157D92;
}

    Thread Starter Rick Cram

    (@plantobeyourbest)

    Themonic, I appreciate this, but it didn’t have any effect.

    I wish I could upgrade to Pro, but I first need to win more new business. It’s been a very, very slow year.

    Any other suggestions?

    Thank you!

    Theme Author Themonic

    (@themonic)

    Try this

    .themonic-nav ul.nav-menu, .themonic-nav div.nav-menu > ul{
    border-bottom: 5px solid #157D92;
}
    Thread Starter Rick Cram

    (@plantobeyourbest)

    Themonic, thank you very much for this. It works, and I greatly appreciate it.

    Rick Cram

    Hi Themonic!

    I’m trying to change my nav bar color – I already got it with the highlighted icons and with the bar on the bottom, going from left to right over the whole page widht.

    The only thing that doesn’t work are the buttons I have clicked on – they remain the same. I’m using the Iconic one theme.

    Can you help me? Thanks in advance

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to edit the navigation bar colors’ is closed to new replies.