The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

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

  1. Rick Cram
    Posted 2 years 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!


  2. Themonic
    Theme Author

    Posted 2 years 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
    Posted 2 years 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
    Theme Author

    Posted 2 years ago #

    Try this

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

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

    Rick Cram

  6. schmalfinga
    Posted 2 years 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


No tags yet.