The Arcive of vBulletin Modifications Site.

Centering Forum Category Title Text on Forum Home · **Released**: 01-20-2011

I could of sworn I saw this on here before and have spent quite a lot of time trying to find it. Well I finally decided to open up "Forumbits.css" to solve my problem.

I've been trying to center the title on the forum head for each category. Here is how you go about it.

Style Manager > CSS Templates > Forumbits.css

Find:
(Right at the top of the forumbits.css document)

Code:

.forumhead {
	background: {vb:stylevar forumhead_background};
	_background-image: none;
	padding: 0;
	font:{vb:stylevar forumhead_font};
	color:{vb:stylevar forumhead_color};

Add below:

Code:

text-align: center;

Simple, yet effective for centering your forum category text.

cyberchief · #2 01-21-2011, 10:54 PM

Any before/after screen shots?

cyberchief · #3 01-21-2011, 11:00 PM

Nevermind... I just tried it and viewed the change. guess I like the standard better. Good Suggestion though! Good to know! 5 stars.

OldSchoolDSL · #4 01-22-2011, 10:39 PM

Anyone know how to center this?

CoreyLTH · #5 01-23-2011, 03:10 AM

Quote:

Originally Posted by OldSchoolDSL

Anyone know how to center this?

Open up your "Forum Home" template. Look for:

Code:

{vb:raw navbar}

Some where below that you will see something like:

Code:

{vb:rawphrase bb.forumtitle}
{vb:rawphrase bb.forumdescription}

Then wrap <center></center> tags around that coding. It's not the exact coding that I quoted, I removed that part from my forum home so I couldn't tell you exactly, but it looks awfully similar to that.

So your end result would be...

Code:

<center>{vb:rawphrase bb.forumtitle}
{vb:rawphrase bb.forumdescription}</center>

eTiKeT? · #6 01-23-2011, 07:40 PM

Thanks ...

Add Screenshot

OldSchoolDSL · #7 01-25-2011, 02:32 AM

Quote:

Originally Posted by CoreyLTH

Open up your "Forum Home" template. Look for:

Code:

{vb:raw navbar}

Some where below that you will see something like:

Code:

{vb:rawphrase bb.forumtitle}
{vb:rawphrase bb.forumdescription}

Then wrap <center></center> tags around that coding. It's not the exact coding that I quoted, I removed that part from my forum home so I couldn't tell you exactly, but it looks awfully similar to that.

So your end result would be...

Code:

<center>{vb:rawphrase bb.forumtitle}
{vb:rawphrase bb.forumdescription}</center>

The following is what I needed to do, but you really did help point me in the right directions (thanks)

PHP Code:


			<center><div id="pagetitle">
        <h1>{vb:raw vboptions.bbtitle}</h1>
        <p id="welcomemessage" class="description">{vb:rawphrase welcome_to_the_x, {vb:raw vboptions.bbtitle}}</p>
    </div></center>

Released this bit of info as a modification. Shared credit (50/50).

https://vborg.vbsupport.ru/showthread.php?t=257765