Change navigation bar colour

  • Resolved Matt Hancock

    (@matthancocknz)


    9 years, 1 month ago

    Hey there,

    How can I change the colour of the navigation bar and its text from #31a3dd to #00626a?

    Cheers. 🙂

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

    (@imranaliweb)

    9 years, 1 month ago

    Hi

    For this
    add this code in custom css field (Theme dashboard >> appearance >> option panel >> custom css field )

    .navigation_section
    {
    background: none repeat scroll 0 0 #00626a;
    }

    and change text color add this code in custom css
    .navbar-default .navbar-nav > li > a
    {
    color:#fff !important; (Change the value your need)
    }

    Thanks.

    Thread Starter Matt Hancock

    (@matthancocknz)

    9 years, 1 month ago

    That’s wonderful. Many thanks for your help; so far, it’s rivaling that of paid themes.

    hollyrayz

    (@hollyrayz)

    8 years, 5 months ago

    Hi, i used the above code to change the navigation bar color to green and it worked but i still have blue lines separating each of the menu items. which doesn’t go well with the green.

    Imran Ali

    (@imranaliweb)

    8 years, 5 months ago

    Hi hollyrayz

    Please Create always New ticket for support,bcoz this ticket already closed, open this URL.

    Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change navigation bar colour’ is closed to new replies.