Make the Box titles the same style as the Widget Titles

[bizint 0]

Ok...so on my front opage the widgets have a nice capital letter underlined header....but my boxes dont! So I used firebug to highlight the widget title style I do like and saw this: <h3 class="widget-title">Transform your work life</h3> Now the one I dont like is called this: <div class="fboxtitle"> <h3> Furnish </h3> Please can someone tewll me what code I need to put into CSS to get the same title effect for the box - that I get for the widgets? Many thanks! I'm trying!

[cmunns 16]

rule you might want to change. ` .fboxtitle h3 { text-transform:uppercase; color:#666; border-bottom:1px solid #666; } ` close?

[bizint 0]

Changed it...yes its close - but its not exactly the same as the other headers...which is Lucida Grande...not sure colour is same either...can I get exactly the same?

[bizint 0]

Ooo and I need to "pad" the images down abit too?! They're too close to the underline bit!

[kastelic 6]

Link to site?

[bizint 0]

oops www.busiessinteriors.co.uk/betatest/worpress. I'm trying to sort those headers out to be like the other headers on the pagfe...they're too close to the image...and the worng style...mmm

[catrina 103]

.fboxtitle h3 {
	margin-top: -50px;
	font-family: lucida grande;
	text-transform:uppercase;
	color:#666;
	border-bottom:1px solid #666;
	padding-bottom: 5px;
	}

[bizint 0]

Hi Catrina, your code didnt work, but I managed to keep plugging away with Firebug and this is the closest I could get - it seems right colour etc...but I just cant seem to match the font size...even hardwiring in "font-size x" it just doesnt want to budge...any ideas?! I just need the box titles the same as the widget titles...strange...

[bizint 0]

Also got the same problem with breadcrumb and widgets...see here at top...the breadcrumb is a header like the widget..but cant seem to get same font set up exactly... http://www.businessinteriors.co.uk/betatest/wordpress/case-studies

[catrina 103]

The font size in the widget titles look pretty small. Have you already tried 9px?

[bizint 0]

Ive tried 12345! For some reason everything I put in doesnt change it...is there some overriding font mechanism?

[catrina 103]

Do you have any other custom CSS?

[bizint 0]

This is all my custom css: body{font-size:11px} #cred {display:none;} #banners .banner-area { padding: 0; } #attachment-40x40 {padding-top:28px}ul.blogroll li{ background: url(http://www.businessinteriors.co.uk/betatest/wordpress/wp-content/uploads/2011/04/orange-arrow-81.gif) no-repeat; background-position: 1px 2px; padding-left: 19px; } #div_postlist td {vertical-align: top; padding-bottom:20px;} #div_postlist p {margin-top:-1px; margin-bottom:-3px;} .fboxtitle h3 {text-transform:uppercase; color:#AFAFAF; border-bottom:1px solid #E9E9E9;margin-bottom:10px; font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif; letter-spacing: 0.1em;} #div_postlist img {margin-right: 10px;} #breadcrumb {font-size: 11px; color:#AFAFAF; margin-bottom 25px;border-bottom:1px solid

[kastelic 6]

Try putting !important at the end of a rule like:

.something{font-size: 12px !important; color:blue}

It will make it override anything that comes below it in the cascade.

[bizint 0]

Jimmy! Simple!...fantastic well done...thank you