How do I change <h1> formatting in CSS?

BamaStangGuy · #1 11-08-2005, 03:08 PM

I want to use <h1> tags in my navbits around the thread title but I do not want the text to be huge like the default <h1>.

I have tried something like:
h1 {
font-size: 11;
}

etc etc but it doesnt work

Keith Cohen · #2 11-08-2005, 03:10 PM

That should do it. Try 11pt

Keith Cohen · #3 11-08-2005, 03:12 PM

I use this:
h1 { font-size: 175%; font-weight: bold; text-align: center; }

And have my thread title shown inside an H1 at the top of SHOWTHREAD. Makes it easier to see the thread title.

Example: http://www.fireblades.org/forums/gen...anews-com.html

dutchbb · #4 11-08-2005, 03:28 PM

Or try this,

.h1navbar {
font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin:0;
font-size: 14px;
font-weight: bold;
display: inline;
}

And use the class in the navbar:

<h1 class="h1navbar">

BTW this is a great thing, it helped a lot on our forums.

We have the thread title set as H2, also the navbar

We use H1 for the board title, on top of our logo which is a background

works great (as seen on www.seochat.com)

BamaStangGuy · #5 11-08-2005, 03:32 PM

This is what happens when i use that, dutch

Jonathan · #6 11-08-2005, 03:32 PM

Font-sizes with CSS can be done in many ways. Let me dig out my Cascading Style Sheets O'Reilly manual. Here are some examples:

h1 { font-size: 24pt; }
h1 { font-size: 2pc; }
h1 { font-size: 1.0in; }
h1 { font-size: 1.56cm; }
h1 { font-size: 12.7mm; }
h1 { font-size: 150%; }
h1 { font-size: 1.5em; }
h1 { font-size: x-large; }

One thing to watch out for, that would definitely constitute shady SEO: don't let your h1 sizes be declared as smaller than your h2's or h3's. IMO, your safest bet is to define all three of them, in descending order.

BamaStangGuy · #7 11-08-2005, 03:36 PM

Quote:

Originally Posted by Jonathan

Font-sizes with CSS can be done in many ways. Let me dig out my Cascading Style Sheets O'Reilly manual. Here are some examples:

h1 { font-size: 24pt; }
h1 { font-size: 2pc; }
h1 { font-size: 1.0in; }
h1 { font-size: 1.56cm; }
h1 { font-size: 12.7mm; }
h1 { font-size: 150%; }
h1 { font-size: 1.5em; }
h1 { font-size: x-large; }

One thing to watch out for, that would definitely constitute shady SEO: don't let your h1 sizes be declared as smaller than your h2's or h3's. IMO, your safest bet is to define all three of them, in descending order.

So given the attachment above... how would you set it up?

Would you wrap <h1> Around the "Ford Mustang Forums" title
<h2> around the thread title?

Now how do I keep the same formatting as the regular navbar instead of what it looks like in the attachment above?

Basically I am asking, given my site, http://www.mustangevolution.com/forum/ if it was yours how would you setup the SEO and use the appropriate tags?

dutchbb · #8 11-08-2005, 03:36 PM

Quote:

Originally Posted by BrentWilson

This is what happens when i use that, dutch

something is set not right, that shows no css change in h1

BamaStangGuy · #9 11-08-2005, 03:37 PM

Where should I wrap the <h1>'s?

HTML Code:

<!-- breadcrumb, login, pm info -->

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
	<td class="alt1" width="100%">
		<if condition="is_array($navbits)">
			<table cellpadding="0" cellspacing="0" border="0">
			<tr valign="bottom">
				<td><a href="#" onclick="history.back(1); return false;"><img src="$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>
				<td>&nbsp;</td>
				<td width="100%"><span class="navbar"><a href="/forum/" accesskey="1">Ford Mustang Forums</a></span>$navbits[breadcrumb]</td>
			</tr>
			<tr>
				<td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><a href="$scriptpath"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink.gif" alt="$vbphrase[reload_this_page]" border="0" /></a><strong>$navbits[lastelement]</strong></td>
			</tr>
			</table>			
		<else />
			<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>Ford Mustang Forums</strong></div>
		</if>
	</td>	
	
	<if condition="$bbuserinfo['userid']">
	
		<td class="alt2" valign="top" nowrap="nowrap">
		<div class="smallfont">
			<strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />
			<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
			<if condition="$show['pmstats']"><br /><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></if>
		</div>
		</td>
		
	<else />
		
		<td class="alt2" nowrap="nowrap" style="padding:0px">
			
		<!-- login form -->
		<form action="login.php" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
		<script type="text/javascript" src="clientscript/vbulletin_md5.js"></script>
		<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
		<tr>
			<td class="smallfont">$vbphrase[username]</td>
			<td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
			<td class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
		</tr>
		<tr>
			<td class="smallfont">$vbphrase[password]</td>
			<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" size="10" accesskey="p" tabindex="102" /></td>
			<td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
		</tr>
		</table>
		<input type="hidden" name="s" value="$session[sessionhash]" />
		<input type="hidden" name="do" value="login" />		
		<input type="hidden" name="vb_login_md5password" />
		<input type="hidden" name="vb_login_md5password_utf" />
		</form>
		<!-- / login form -->
			
		</td>
		
	</if>	
	
</tr>
</table>
<!-- / breadcrumb, login, pm info -->

dutchbb · #10 11-08-2005, 03:42 PM

<h1 class="h1navbar">$navbits[lastelement]</h1>

and

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

or use H2 like I did if your using H1 for logo

msimonds · #11 11-08-2005, 03:52 PM

Can someone show me where i can add the title to my threads. What template do i need to edit

Oleg Ignatiuk · #12 11-08-2005, 03:58 PM

Hi BrentWilson,

Quote:

Now how do I keep the same formatting as the regular navbar instead of what it looks like in the attachment above?

Try the following style for your H1:

Quote:

h1 { font-size: 10pt; font-weight: bold; text-align: left; display:inline; }

msimonds · #13 11-08-2005, 04:10 PM

Quote:

Originally Posted by msimonds

Can someone show me where i can add the title to my threads. What template do i need to edit

NM, just stupidty, i found it

BamaStangGuy · #14 11-09-2005, 02:30 AM

Quote:

Originally Posted by Oleg Ignatiuk

Hi BrentWilson,

Try the following style for your H1:

That worked! Thanks

Griffin · #15 08-10-2007, 12:09 PM

Ive just added these h1 tags now, did everyone see a big difference after they added h1 tags to there titles?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
I want change license	sorenlowell	Troubleshooting	0	02-22-2006 09:31 PM
Help me change License	sorenlowell	Troubleshooting	2	02-12-2006 09:30 PM
Change Licensed URL	Scott	General Discussion	3	01-31-2006 03:53 PM
change of server	MMAFan	General Discussion	2	11-26-2005 05:29 PM

SEO

How do I change <h1> formatting in CSS?

How do I change <h1> formatting in CSS?

Similar Threads