CODEWITHSUNDEEP
htmlcsstwitter-bootstrap-3themes
writeToBhuwan
writeToBhuwan

Reputation: 3281

Jasny bootstrap with Bootswatch themes not working?

I am trying to use vertical navbar of Jasny bootstrap along with Boootswatch custom themes. The problem I am facing is that the navbar color is hardcoded in the Jasny booostrap and no matter what theme I use, the navabar color remains the same.

I tried to chnage the colors manually using the Yeti Theme, nut I am not able to achive the correct representation of the menu.

.navmenu-inverse,
.navbar-inverse .navbar-offcanvas {
    background-color: #008cba;
    border-color: #006687;
}

    .navmenu-inverse .navmenu-brand,
    .navbar-inverse .navbar-offcanvas .navmenu-brand {
        color: #ffffff;
    }

    .navmenu-inverse .navmenu-brand:hover,
    .navbar-inverse .navbar-offcanvas .navmenu-brand:hover,
    .navmenu-inverse .navmenu-brand:focus,
    .navbar-inverse .navbar-offcanvas .navmenu-brand:focus {
        color: #fff;
        background-color: transparent;
    }

Can anyone help me to correct it using Yeti theme?

Also, Is there any easy way to make it compatible with every theme included in Bootswatch??

Thank you in advance?

Upvotes: 0

Views: 909

Answers (1)

Arnold Daniels
Arnold Daniels

Reputation: 16553

The colors are not hard coded, they are in fact variables in Less (and Sass).

The easiest way is to use the customizer to set the colors of the navmenu.

If you want to add Jasny Bootstrap to all of Bootswatch themes

Upvotes: 1

Related Questions