WordPress.org

Forums

Iconic One
[resolved] How to edit the navigation bar colors (6 posts)

  1. Rick Cram
    Member
    Posted 1 year 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!

    http://blog.rickcram.com

  2. Themonic
    Member
    Theme Author

    Posted 1 year ago #

    Unlimited colors using a color picker is available in Pro version already without touching any code http://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;
    }
  3. Rick Cram
    Member
    Posted 1 year ago #

    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!

  4. Themonic
    Member
    Theme Author

    Posted 1 year ago #

    Try this

    .themonic-nav ul.nav-menu, .themonic-nav div.nav-menu > ul{
        border-bottom: 5px solid #157D92;
    }
  5. Rick Cram
    Member
    Posted 1 year ago #

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

    Rick Cram

  6. schmalfinga
    Member
    Posted 1 year ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.