Ready to get started?Download WordPress


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

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


  2. Themonic
    Theme Author

    Posted 11 months 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 11 months 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 11 months ago #

    Try this

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

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

    Rick Cram

  6. schmalfinga
    Posted 8 months 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


You must log in to post.

About this Theme

About this Topic


No tags yet.