Joomla Templates Club 406,261 posts

[timpennington Friend timpenningtonJoin date: May 2009Posts: 242Downloads:33Uploads:14 Thanks: 12 Thanked: 1 times in 1 posts]

#179880

Hello:

On a page with a Category Blog, I would like the top news article to have a larger headline than the other stories, maybe 200% of the others.

What is an easy fix to that?

Thanks

tp

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

#464030

Hi timpennington,

Is this JA News Sticker module you’re talking about? http://easycaptures.com/fs/uploaded/626/7194927332.png

How do you want to achieve – increase the font size or change width of div containing this module?

[timpennington Friend timpenningtonJoin date: May 2009Posts: 242Downloads:33Uploads:14 Thanks: 12 Thanked: 1 times in 1 posts]

#464084

It’s actually the top story at the top of the page

Such on this page: http://goturpin.com/NEXT2/index.php/fall/girls-soccer

The article titled “4 Great Years” I would to be much bigger than the headlines in the other stories in the blog; simply make the top story appear more important because it is at the top

Thanks!!

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

#464246

Hi timpennington,

In file: /templates/ja_orisite (your default template)/css/template.css, look for this code :

h2.contentheading, .contentheading {
font-size: 110%; <<<<< increase this value
font-weight: bold;
margin: 0 0 10px;
padding: 0;
}

regards.

[timpennington Friend timpenningtonJoin date: May 2009Posts: 242Downloads:33Uploads:14 Thanks: 12 Thanked: 1 times in 1 posts]

#464333

Hi Saguaros:

I tried your tip, and it made all the headlines on the blog (all 3 articles) grow to that size (200%)

I was just trying to get the top article in the blog to have the bigger headline, kind of like what I have in a site I have using JA Opal:

http://goturpin.com/index.php?option=com_content&view=category&layout=blog&id=47&Itemid=89

where the top story has a larger headline, and the 3 beneath it have smaller heads.

Any way to differentiate that top headline?

Thanks

tp

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

#464362

Hi again,

You could add a new CSS rule in template.css file (in the same directory as JA Orisite template)

#ja-contentheading div.blog .leading .contentheading{
font-size: 200%;
}

Hope it helps 🙂

[Author]

Posts