Good Day All,
I need some advice on how I can change the default styles of my own skin in DNN 9.
I have create my own skin see code below.
|
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><%=PortalSettings.PortalName%></a>
</div>
<div id="navbar" class=".navbar-collapse nav navbar-nav navbar-right">
<dnn:MENU ID="MENU1" MenuStyle="BootstrapMenu" class="inline" runat="server"></dnn:MENU>
<ul class="nav navbar-nav navbar-right">
<li><dnn:LOGIN ID="dnnLogin" class="inline" runat="server" LegacyMode="true" /></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div id="ContentPane" runat="server"></div>
</div>
|
And this how it looks in the browser
Now I want to make changes to the style of the Nav and menu.
- I would like to make the whole bar same colour as the page ( transparent)
- I want change the active tab to not show that grey block, but instead just show a colour
On the text.
Now do I override the default bootstrap css in my own style sheet? Or how would I go about in achieving this in my DNN skin.