This for a forum I'm working on.
So I have placed the following in navbar_header.html of the templates:
Along with that is the css:
And it gives this:
So far so good. But of course if I change the font-size in the css I get this:
I want the name larger but not the links. I tried different combinations of ul and li in the css but nothing doing. I thought an extra div but that would space it out vertically.
Probably easy as can be but just not catching it.
Thanks for any suggestions.
So I have placed the following in navbar_header.html of the templates:
Code:
<div class="forumname">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="linklist navlinks">
<li>Forum Name</li>
</ul>
<ul class="linklist leftside">
<li><a href="link" accesskey="h">Link 1</a></li>
<li><a href="link" accesskey="h">Link 2</a></li>
<li><a href="link" accesskey="h">Link 3</a></li>
<li><a href="link" accesskey="h">Link 4</a></li>
</li>
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
<br />
Along with that is the css:
Code:
.forumname{ font-family: sans-serif;
font-size: 1.5em;
color:blue;
}
And it gives this:
So far so good. But of course if I change the font-size in the css I get this:
I want the name larger but not the links. I tried different combinations of ul and li in the css but nothing doing. I thought an extra div but that would space it out vertically.
Probably easy as can be but just not catching it.
Thanks for any suggestions.