Jump to content
Sign in to follow this  
buddha

How to change font size of Box Titles?

Recommended Posts

buddha
how do I change the size of box title fonts?

Share this post


Link to post
Share on other sites
Jenny
You should download [url="http://www.getfirebug.com"]Firebug[/url] to determine which CSS elements to change. Here is some information on font sizes: http://www.w3schools.com/cssref/pr_font_font-size.asp And here is a tutorial for using Firebug: http://www.pagelines.com/docs/customization-tips

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
buddha
is this correct for box titles? .btitle {font-size: 22px;}

Share this post


Link to post
Share on other sites
buddha
#boxes div.fboxtitle {font-size: #px;}

Share this post


Link to post
Share on other sites
Jenny
Very close :) Nice work! You need to add another element that is specifically for the title which is h3, like this: [code]#boxes .fboxtitle h3 { font-size: 22px; }[/code]

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
jonthompson

I even put !important lol

Share this post


Link to post
Share on other sites
James B

Hi, just tested on your page and it's responding to

 

.fboxtitle h3 {
    font-size: 16pt;
}

If that's not working on the page, check the css above in case somethings missing a closing bracket or something which could stop the css below it from working.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
jonthompson

still not working. not sure why.....

Share this post


Link to post
Share on other sites
James B

Strange, try adding !important in case somethings overriding it somewhere.

 

 

.fboxtitle h3 {

    font-size: 16pt !important;

}
 

 


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×