Joomla Templates Club 406,261 posts

[cwilborngv Friend cwilborngvJoin date: December 2011Posts: 45Downloads:0Uploads:3]

#177812

Where in the template.css code do I change the body font?

I’d like to increase the font size and use a serif (no preference, so suggestions are welcome)

Thanks!

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#455902

So that I can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General Settings

[cwilborngv Friend cwilborngvJoin date: December 2011Posts: 45Downloads:0Uploads:3]

#455904

Thanks. Those settings should be set.

http://www.yourgv.com/

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#455910

<em>@cwilborngv 323437 wrote:</em><blockquote>Thanks. Those settings should be set.

http://www.yourgv.com/</blockquote>
Which elements, in particular, are you wanting to change?

I ask because font styles for different elements are controlled by different CSS rules.

[cwilborngv Friend cwilborngvJoin date: December 2011Posts: 45Downloads:0Uploads:3]

#455911

The actual body copy in a story. For example, here: http://www.yourgv.com/index.php/news/5491-investigation-of-former-halifax-county-sheriff-widens

I’d like the body copy to be larger in serifs.

Thanks!

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#455917

Appreciate the clarification … it actually does matter. 😎

Okay, so what you want to do is look to the following file path –> /templates/ja_teline_iii/css/template.css

at line 16, you will see the following:

<blockquote>body {color: #000;
font-family: Arial, sans-serif;
font-size: 16px;
}</blockquote>

This is where you can change both the font type and size for your main content.

Hope That Helps

😎

[cwilborngv Friend cwilborngvJoin date: December 2011Posts: 45Downloads:0Uploads:3]

#455920

I’ve actually tried that, but it didn’t work. There was no font-size line there, so I inserted one … and it didn’t make any difference 🙁

I inserted the font-size: 16px; ..

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#455922

Okay, try this . . . .

Within file path –> /plugins/system/jat3/jat3/base-themes/default/css/template.css

at line 38, add a “font-family” and “font-size” property to the rule …. FOR EXAMPLE (only) . . .

<blockquote>.column p, .column pre, .column blockquote, .column h1, .column h2, .column h3, .column h4, .column h5, .column h6, .column ol, .column ul, .column dl {
font-family: Times New Roman;
font-size: 20px;
margin: 15px 0;
padding: 0;
}</blockquote>

The modifications I made above will likely not be what you ultimately want, but it will show you how it affects the display.

Help Better ???

[cwilborngv Friend cwilborngvJoin date: December 2011Posts: 45Downloads:0Uploads:3]

#455926

Eh, I must have done something totally wrong because that ended up throwing the whole site off (even the ad at the top) so I reverted back 🙁

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#455930

<em>@cwilborngv 323460 wrote:</em><blockquote>Eh, I must have done something totally wrong because that ended up throwing the whole site off (even the ad at the top) so I reverted back :(</blockquote>
Did you try my last suggestion?

[cwilborngv Friend cwilborngvJoin date: December 2011Posts: 45Downloads:0Uploads:3]

#455933

Yes … that’s the change that caused it to go haywire 🙁

[Author]

Posts