Public Forums 71,145 posts

[bommerts Friend bommertsJoin date: July 2012Posts: 10Downloads:0Uploads:1 Thanks: 7]

#181275

Does anyone know how to change the font size of featured article titles?

The titles look nice and large in a separate page of articles:

http://www.eaststreetpilates.com/index.php/news

But the featured articles on the main page – the titles look much smaller:

http://www.eaststreetpilates.com/

I used firebug and found the titles pointing to <h2 class=”contentheading”> but that seems to cover everything. I only want to enlarge the titles of featured articles.

Thanks!

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#469514

Hi bommerts,

You could open file: templatesja_purity_ii (your default template)csstemplate.css, at line 597 (it maybe different from yours), there should be css code like:

.blog-featured .contentheading {
font-size: 125%; <<< you can increase this value
}
Once done, clean T3 cache.

Hope this helps.

1 user says Thank You to Saguaros for this useful post

1. bommerts

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#469516

You can disable this script below

<blockquote>Open templates/ja_purity_ii/csstemplate.css file</blockquote>
find

.blog-featured .contentheading { font-size: 125%; }
change to

/*.blog-featured .contentheading { font-size: 125%; }*/

1 user says Thank You to Ninja Lead for this useful post

1. bommerts

[bommerts Friend bommertsJoin date: July 2012Posts: 10Downloads:0Uploads:1 Thanks: 7]

#469638

Thanks guys – I’ll try them both! Really appreciate it! How do I then set the font size after disabling the script?

Any idea how to center the article titles, too? We want to give this a try for looks.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#469860

You can disable script format with format
<blockquote>!important</blockquote>
If you want article titles center
<blockquote>Open templates/ja_purity_ii/css/template.css file</blockquote>

.blog-featured .contentheading {
/*font-size: 125%;*/
text-align: center !important;
}

1 user says Thank You to Ninja Lead for this useful post

1. bommerts

[bommerts Friend bommertsJoin date: July 2012Posts: 10Downloads:0Uploads:1 Thanks: 7]

#469926

I took a stab at this and here’s what worked:

To 1) disable the font-size script, 2) then enlarge the titles, and 3) center the titles, I changed my css to:

.blog-featured .contentheading {
font-size: 200%;
text-align: center !important;
}

It works, but did I miss anything? I ask because I don’t think I disabled the script as you suggested.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#469952

<em>@bommerts 342099 wrote:</em><blockquote>
.blog-featured .contentheading {
font-size: 200%;
text-align: center !important;
}</blockquote>
No mate, the same way

1 user says Thank You to Ninja Lead for this useful post

1. bommerts

[bommerts Friend bommertsJoin date: July 2012Posts: 10Downloads:0Uploads:1 Thanks: 7]

#470144

Perfect, thank you!

[Author]

Posts