Support » Theme: activetab » Changing the colour of the top navigation bar

  • Resolved expectedly

    (@expectedly)


    I’m using activetab as the base of a site I’m designing for a client, and I’m wondering how you go about changing the colour of the top navigation bar. I’ve tried to find the code in the CSS, but haven’t been able to find it. I’ve been able to change just about everything else I was looking for, except for that!

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

    (@webvitaly)

    Try to use this css code:

    .navbar-inverse .navbar-inner {
    	background-color: #33d;
    	background-image: none;
    }

    I hope you are making all changes inside of the child theme because if not so you will not update activetab theme in future. I plan to add more useful features to activetab theme in next versions. There are ‘activetab-child’ folder inside the main theme folder for faster development.

    p.s. next version of the theme will be responsive for better user experience while using site on all devices.

    Theme Author webvitalii

    (@webvitaly)

    In the latest version of the activetab theme you can insert this code into the Theme options section (Code tab).

    It is much more easier than editing style.css file or creating a child theme.

    You should insert code into theme options like this:

    <style type="text/css" media="screen">
    .navbar-inverse .navbar-inner {
    	background-color: #33d;
    	background-image: none;
    }
    </style>

    And what will be an additional Code for the Text-Color of navigation-bar?
    Code for Text = bold?

    Theme Author webvitalii

    (@webvitaly)

    Try to add this code for changing the color of the links:

    <style type="text/css">
    .navbar-inverse .navbar-inner .nav a {
    	color: #00ff55;
    }
    </style>

    You may play with colors and choose the better one using this tool – http://web-profile.com.ua/web-services/color/index.php

    Thank you

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Changing the colour of the top navigation bar’ is closed to new replies.