Forums / Templates, Stylesheets, Page Layout / Font size in about_us file

Font size in about_us file

Locked

Views: 583

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
18 Oct 2010, 3:31 AM
#1
ms_x avatar

ms_x

Zen Follower

Join Date:
Mar 2010
Posts:
196
Plugin Contributions:
0

Font size in about_us file

Hi, I am trying to change the font size of about us file...i use tags <p> in that file and when i try to use <font size=7> tag next to it, it does not change the size of the font...So i would like to ask how can i make my font size bigger?thanks:)

18 Oct 2010, 5:20 AM
#2
stiggy100 avatar

stiggy100

Zen Follower

Join Date:
Jan 2009
Posts:
298
Plugin Contributions:
0

Re: Font size in about_us file

If you would like to define the font size you need to do it like this:

<font size ="7">Your Content.</font>

Hope this helps

Steve
Site Under Construction: adatglobal.com

18 Oct 2010, 11:08 AM
#3
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Font size in about_us file

Much better practice to wrap the text in a <div>, give it a class name, and style in the stylesheet.

<div class="about">Your text here.</div>

In the stylesheet:

.about {font-size:1.3em;}

18 Oct 2010, 12:11 PM
#4
ms_x avatar

ms_x

Zen Follower

Join Date:
Mar 2010
Posts:
196
Plugin Contributions:
0

Re: Font size in about_us file

Thank u all for the answers,but in both cases it did not work:-(
just one question,where in css file exactly should i put this code?

18 Oct 2010, 12:45 PM
#5
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Font size in about_us file

It shouldn't matter, unless the .about class appears somehere else in the stylesheet. I usually place additions at the bottom.

What I posted should have worked. If we can see your actual site (not the template demo) we may be able to help further.

18 Oct 2010, 9:58 PM
#6
stiggy100 avatar

stiggy100

Zen Follower

Join Date:
Jan 2009
Posts:
298
Plugin Contributions:
0

Re: Font size in about_us file

Hi Stevesh,

Just a quick question to enhance my knowledge, it's fine if you don't really have time to answer but I thought I would ask!

Is it just a convenience factor as to why it is better to do as you suggested or does it help with browser compatibility, speed of loading or something along those lines?

Just was interested in the theory behind it for my educational purposes.

Thanks for your time.

Steve
Site Under Construction: adatglobal.com

19 Oct 2010, 11:53 AM
#7
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Font size in about_us file

The general idea behind cascading stylesheets is to save time when changes need to be made. If you use inline styling in your product descriptions, for example, if you want to change the font size, you'll need to go to each product setup page and make the change. If you've used a <div> with the same id or class name for all descriptions, it's a ten-second job to change them all in the stylesheet.

I think it's also a good habit to get into, since you learn a lot about CSS by using the Zencart stylesheets and it kind of weans you away from the flat HTML page mindset by thinking about the site as a whole.

I do use inline tags when I want to make one or two words bold, for example.

19 Oct 2010, 5:16 PM
#8
stiggy100 avatar

stiggy100

Zen Follower

Join Date:
Jan 2009
Posts:
298
Plugin Contributions:
0

Re: Font size in about_us file

Thank you, I fully understand what you mean - Will work on adding to my best practices list!

Appreciate you taking the time...

Steve
Site Under Construction: adatglobal.com