colors - How can i customize the CSS of a Bootstrap Theme template without adding an extra stylesheet? -
i’m trying customize blog bootstrap template. doesn’t seem work. have done couple of changes far worked great. changing bg, adding logo nav bar, adding hidden/visible classes etc:
<nav class="navbar navbar-default navbar-custom navbar-fixed-top"> <div class="container-fluid"> <!-- brand , toggle grouped better mobile display --> <div class="navbar-header page-scroll"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">toggle navigation</span> menu <i class="fa fa-bars"></i> </button> <a class="navbar-brand visible-xs visible-sm" href="#" font-fa>randomood </a> <a class="navbar-brand" href="index.html"> <img class="hidden-xs hidden-sm" src="img/randomood_log.png" alt="randomood" > </a> </div> <!-- collect nav links, forms, , other content toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li> <a href="#">book</a> </li> <li> <a href="#">about</a> </li> <li> <a href="#">contact</a> </li> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container --> </nav> <!-- page header --> <!-- set background image header on line below. --> <header class="intro-header" style="background-image"> <div class="container"> <div class="row"> <div class="col-lg-12 col-lg-pull-1 col-md-10 col-md-offset-1"> <div class="post-heading"> <h1 class="main-line">i love create</h1> <h2 class="subheading">i'm graphic designer - code newbie - illustrator - ui/ux </h2> </div> </div> </div> </div> </header>
but when comes try change nav bar type / color or h1 color doesn’t seem work. i’ve had try make changes in css file adding own no success:
i research , read css specify , tried without succeeding. tried code this, @ end of css, in order change h1 color , didn't work
.intro-header .post-heading .main-line h1 { color: red;
}
this theme im using https://blackrockdigital.github.io/startbootstrap-clean-blog/
Comments
Post a Comment