Joomla Templates Club 406,261 posts

[carloss Friend carlossJoin date: July 2007Posts: 61Downloads:59Uploads:4 Thanks: 4]

#196313

Hi there,

How to change the font-size of articles in frontpage?
Thanks,

Carlos Santos

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#528749

you can change the element body css but this would change the entire page font size. so do the following

Add this code to templates/ja_biz/css/template.css

#t3-content {
font-size: 14px;

}

change 14px to any number you need

[carloss Friend carlossJoin date: July 2007Posts: 61Downloads:59Uploads:4 Thanks: 4]

#528750

Hi,

Doesn’t work.

Carlos Santos

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#528756

can you please post your site Url so i can check and provide you a solution.

[carloss Friend carlossJoin date: July 2007Posts: 61Downloads:59Uploads:4 Thanks: 4]

#528761

Can i send it to a email?

Carlos Santos

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#528764

Send it as a Private Message PM

[carloss Friend carlossJoin date: July 2007Posts: 61Downloads:59Uploads:4 Thanks: 4]

#528819

Send and …

Carlos Santos

[ranashanu Friend ranashanuJoin date: September 2011Posts: 6Downloads:0Uploads:0 Thanks: 38 Thanked: 1 times in 2 posts]

#529040

<em>@carloss 418987 wrote:</em><blockquote>Hi,

Doesn’t work.

Carlos Santos</blockquote>

The most probable reason why the solution did not work is that you are running the site with “Development Mode” set to “ON”.
If that is the case, you should edit the LESS files.

Go to Template Manager by navigating through: Extensions -> Template Manager -> Theme Magic
Click on “templates” in the left side bar. Click on the “template_name Details and Files” whose LESS you wish to change and you will see the files and directories of that particular template.

For changing the font-size; navigate to /less/variables.less and look for line 71 which reads:

@font-size-base: 13px;


Change the value as desired. You may click “Compile LESS”. Just in case you encounter an error with this, go back to the changes and make sure the desired change is there. Click Save. Navigate to Extensions -> Template Manager -> Theme Magic
Hit “Compile LESS to CSS”, wait for the process to finish and once done, you are good to go.

Alternatively, you should go to the “theme magic” option by going to Extensions -> Template Manager -> Theme Magic
Once theme magic loads properly, look for “Font Size” under TYPO.

Enter the desired font size and click preview to preview how it will look.
Once done, hit “save as” from the dropdown.

THis will create a new template theme which you can use just like the default template and this will keep the default template untouched.

Go back to the template manager and select “Theme” and just assign the newly created theme to apply the desired changes.

I hope this solves your issue.

[Author]

Posts