Nav bar with H1
 

I added H1 tags around the title for seo

In the nav section

<h1>$vboptions[bbtitle]</h1><br />

Problem is I need to reduce it's size and change the color from black.

I'm new at vB so be easy on me ;)

<h1 class="header_h1">$vboptions[bbtitle]</h1><br />

and in advanced css add

.header_h1 {
font-size:12px;
color:blue;
}

I pasted that in there made no difference??

See page

Is there something in conflict?

here's all the added css

body {
margin: 0;
padding: 0;
background: #28313A url(simpleblue/img01.jpg) repeat-x left top;
font-size: 12px;
font-family: Verdana, sans-serif;
text-align: justify;
color: #5C5C5C;
}

h1, h2, h3 {
margin: 0;
text-transform: uppercase;
font-weight: normal;
color: #000;
}

h1 {
letter-spacing: -1px;
font-size: 32px;
}

h2 {
font-size: 23px;
}

p, ul, ol {
margin: 0 0 2em 0;
text-align: justify;
line-height: 26px;
}

a {
color: #1B75A9;
}

a:hover, a:active {
text-decoration: none;
color: #1B75A9;
}

a:visited {
color: #1B75A9;
}

img {
border: none;
}

img.left {
float: left;
margin-right: 15px;
}

img.right {
float: right;
margin-left: 15px;
}

/* Form */

form {
margin: 0;
padding: 0;
}

fieldset {
margin: 0;
padding: 0;
border: none;
}

legend {
display: none;
}

input, textarea, select {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
}

#wrapper {
margin: 0;
padding: 0;
}

#wrapperx{
position: relative;
margin: 0 auto;
width: 767px;

}

/* Header */

#header {
width: 960px;
margin: 0 auto;
height: 60px;
border: 10px #FFFFFF solid;
}

/* Menu */

#menu {
float: center;
width: 960px;
height: 56px;
background: url(simpleblue/img02.jpg) repeat-x left top;
}

#menu ul {
margin: 0;
padding: 23px 0 0 20px;
list-style: none;
line-height: normal;
}

#menu li {
float: left;
text-align: center;
}

#menu a {
display: block;
padding: 0 30px;
background: url(simpleblue/img03.jpg) no-repeat right 50%;
text-decoration: none;
text-transform: uppercase;
font-size: 10px;
color: #FFFFFF;
}

#menu a:hover {
color: #FFFFFF;
}

#menu .current_page_item a {
color: #FFFFFF;
}

/** LOGO */

#logo {
width: 960;
height: auto;
margin: 0 auto;
}

#logo h1, #logo h2 {
float: left;
margin: 0;
padding: 50px 0 0 0px;
line-height: normal;
}

#logo h1 {
font-family: Verdana, sans-serif;
font-size:40px;
}

#logo h1 a {
text-decoration: none;
color: #28313A;
}

#logo h1 a:hover { text-decoration: underline; }

#logo h2 {
float: left;
padding: 65px 0 0 18px;
font: 18px
font-family: Verdana, sans-serif;
color: #28313A;
}

#logo p a {
text-decoration: none;
color: #28313A;
}

#logo p a:hover { text-decoration: underline; }



/* Page */

#page {
width: 900px;
margin: 0 auto;
background: #FFFFFF;
border: 10px #FFFFFF solid;
}

/* Content */

#content {
float: left;
width: 620px;
border-right: 1px dashed #DFE1E0;
}

/* Post */

.post {
padding: 0px 20px;
margin-bottom: 20px;
}

.post .title {
margin-bottom: 20px;
padding-bottom: 5px;
}

.post h1 {
width: 520px;
padding: 0px 0 0 0px;
background: url(simpleblue/img08.jpg) no-repeat left top;
font-size: 24px;
color: #28313A;
}

.post h2 {
width: 520px;
padding: 0px 0 0 0px;
font-size: 22px;
color: #28313A;
}

.post .entry {
}

.post .meta {
padding: 15px 15px 30px 0px;
font-size: 10px;
}

.post .meta p {
margin: 0;
padding-top: 15px;
line-height: normal;
color: #28313A;
}

.post .meta .byline {
float: left;
}

.post .meta .links {
float: right;
}

.post .meta .more {
padding: 0 20px 0 18px;
}

.post .meta .comments {
padding-left: 22px;
}

.post .meta b {
display: none;
}


/* Sidebar */

#sidebar {
float: right;
width: 230px;
margin: 0;
padding: 0;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}

#sidebar li {
margin-bottom: 40px;
}

#sidebar li ul {
}

#sidebar li li {
margin: 0;
}

#sidebar h2 {
width: 250px;
padding: 8px 0 0 0px;
margin-bottom: 10px;
background: url(simpleblue/img07.jpg) no-repeat left top;
font-size: 20px;
color: #28313A;
}

/* Search */

#search {

}

#search h2 {
margin-bottom: 20px;
}

#s {
width: 140px;
margin-right: 5px;
padding: 3px;
border: 1px solid #DFE1E0;
}

#x {
padding: 3px;
border: none;
background: #0A5688;
text-transform: lowercase;
font-size: 11px;
color: #FFFFFF;
}

/* Boxes */

.box1 {
padding: 20px;
}

.box2 {
color: #BABABA;
}

.box2 h2 {
margin-bottom: 15px;
font-size: 16px;
color: #FFFFFF;
}

.box2 ul {
margin: 0;
padding: 0;
list-style: none;
}

.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited {
color: #EDEDED;
}

/* Footer */
#footer-wrap {
}

#footer {
width: 960px;
margin: 0 auto;
background: #E5E5E5;
border: 10px #FFFFFF solid;
}

html>body #footer {
height: auto;
}

#footer p {
font-size: 12px;
}

#legal {
padding-top: 0px;
text-align: center;
color: #595959;
}

#legal a {
font-weight: normal;
color: #1B75A9;
}

.header_h1 {
font-size:12px;
color:blue;
}

i dont really see you added the class in h1.. find your <h1>navbar crumbit</h1>
and add the class
<h1 class="header_h1">navbar crum</h1>

Did a style search <h1>navbar crumbit</h1> can't find that, found something close in the navbar temp and added the style

<h1 class="header_h1">$vboptions[bbtitle]</h1>

That worked only on one page here
But the other pages are still not getting changed, not sure where to do this, I'm new at this stuff sorry for basic questions.

--------------- Added [DATE]1245729731[/DATE] at [TIME]1245729731[/TIME] ---------------

I found it, there was some css from the style messing it up.

Thanks