Jump to content
Sign in to follow this  
ibeehappy2

H1, H2, Heading, Sub-Heading Font Sizes and Font Colors?

Recommended Posts

ibeehappy2

Hi there, how do I change (increase) the font sizes and colors for headings and sub headings here (globally throughout the site) http://skiandsurf.ca/brands Thank you :)

Share this post


Link to post
Share on other sites
mosley301

also Firefox and Firebug will be your BFF!

Share this post


Link to post
Share on other sites
ibeehappy2

Ooops. Thanks! I knew how to change font colors under Design Control (have read that document) ... just meant Font Sizes only, my apologies, and I am using Firefox, but have never used Firebug, yep, it's true. I'll get on that now. Thanks.

Share this post


Link to post
Share on other sites
ibeehappy2

Quick question, is there not some custom code you can give me just to quickly add it in there, would really speed things up for me, Firebug Newbie.

Share this post


Link to post
Share on other sites
bryan-hadaway

` .whatever{ color:#000; font-size:20px; font-family:arial} ` Thanks, Bryan

Share this post


Link to post
Share on other sites
qamera

I'm trying to change font sizes, same as above. Found the code in Firebug for H1 and <p> fonts, but it points to a file called "themes.css" which I cannot locate using the Editor.

Share this post


Link to post
Share on other sites
bryan-hadaway

You don't have to edit the actual code, just override it in Custom Code > Custom CSS. If: ` .whatever{ color:#000; font-size:20px; font-family:arial} ` doesn't work you just need to be more specific: ` body .whatever{ color:#000; font-size:20px; font-family:arial} ` usually does the trick. Thanks, Bryan

Share this post


Link to post
Share on other sites
qamera

That did not work. I tried with and without the "body" :

}
	body .fpost .post-excerpt, .fpost .entry_content {
	font-size:1.0em;
	line-height:1.2em;
	}

Share this post


Link to post
Share on other sites
Kate

Hi Michael - Two things. First, declaring it as 1.0em will likely just keep it the same, depending on what styles it's inheriting. That being said, you may also need to add the "!important" declaration. For instance:

body .fpost .post-excerpt, body .fpost .entry_content {
	font-size:1.0em !important;
	line-height:1.2em !important;
	}

Let us know how it goes...

Share this post


Link to post
Share on other sites
qamera

I noticed that in my code (above), I had placed an extra "{" symbol at the beginning. Removing that fixed it. However, now the photo in the first post has 'disappeared' although you can see the space where it should be and if you click on it, the jquery lightbox enlarges it. www.qamera.com

Share this post


Link to post
Share on other sites
Kate

Michael - I noticed that too, but thought it was just a copy/paste error... Sorry I didn't point it out! ;)

Share this post


Link to post
Share on other sites
ibeehappy2

Thanks for all the help everyone, I'll give it a shot.

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  

×