Hi JB Team... I am preparing a site for a law firm in my home town. The firm deals with older people who need a larger text for reading the web articles etc... I know that this can be done once on line; but most of the elderly are not savvy to that technique. Therefore, I would like to add custom CSS to change the font size to 16px... I believe it is currently at 13px.. not sure. Here is the site that I am developing:

www.alongcameaspider.ca/karen/

Is there a way of setting the size to change article text and module text, or is the change of size universal across the site?

Look forward to hearing from you!

Cheers,

Tony

Hi Tony,

It depends on how much you want to add/change - the template has global font sizing but using custom css it is possible to target page elements so its more specific

Cheers
Paul

Hi Paul:
OK, I need the Menu to change so that it will fill the empty space near the logo.
I also need the Article text to be 'darker' and 'larger'. I can experiment with the size if I know where the changes need to take place. Also, the module text, needs to be treated the same way for Custom HTML.

Thanks Paul,
Tony

Hi Tony,

Menu wise - something around

#menu ul > li a, #menu ul > li .zen-menu-heading {font-size: 1.2em;}

Baring in mind there are some differences in browser / OS font size rendering

I guess it is not that simple then!
I will try on this advice and if complaints appear, I'll dump it!

Cheers Paul.
t

Its pretty simple just needs to be tested on different browsers but that would be done anyway together with different OS - think its 1pt diffference

Also for example your gridwrap1

#grid1wrap li, #grid1wrap p {font-size:1.2em}

Cheers
Paul

Hi Paul:
What does gridwrap do... never had to deal with this previously,
Tony

Hi Tony,

A gridwrap is the parent container for a row of positions

e.g. grid1wrap contains grid1, grid2, grid3, grid4

In some instances its easier to target the whole row or sometimes a more specific div

Cheers

I should have realized that... good job you're there!
Cheers,
Tony

Another way to visualise it would be to check out the positions image

docs.joomlabamboo.com/joomla-template/data/gazetta/images/positions/gazetta-modules.jpg

You can see the names of the different wraps in bold

grid1wrap,bannerwrap etc

Article content you may instead what to use

.article-content p {font-size: 1.2em;}

With css there is more than one way of doing thing

Cheers
Paul

Thanks Paul... I am gone for a few days to Prince George (not the new one!)... but Northern BC.

Once I get back home I will deal with these. I will send you a link and hope youll be happy with the results!

Cheers,
Tony

Enjoy your time away

It's cold and wet back in England

Cheers
Paul