How to adjust font settings in articles heading

October 08 Joomla Templates
GK User
Fri Mar 23, 2012 9:10 am
I have problem on how to adjust the font to allow the entire article heading to overflow and wrap from the first line and return to the second line without having a wider line space (i.e. double line space)

kindly see the original appearance re original.jpg
original.jpg


and kindly compare it to desired.jpg
desired.jpg


sorry i can't send the URL since i'm still working news II template offline to upgrade our existing site.

please help
User avatar
Junior Boarder

GK User
Fri Mar 23, 2012 9:27 am
Use below css codes in "templates/gk_twn2/css/override.css" file and enable css override from template settings > advanced > css override "on".

Reduce font-size and line-height to your desired value. Such as line-height: 40px.
If its joomla articles
Code: Select all
/* Joomla Article Title Height and Font Size */
#gkComponent > div > h2,
#gkComponent > div > h2 a { font-size: 48px; line-height: 72px; }

If its K2 Item in Item View
Code: Select all
/* K2 Item View - Item Title Height and Font Size */
#k2Container .itemHeader .itemTitle { font-size: 40px; line-height: 100%; }

If its K2 Item in Category View
Code: Select all
/* K2 Category View - Item Title Height and Font Size */
.catItemHeader .catItemTitle a { font-size: 28px; line-height: 110%; }


See you around...
User avatar
Platinum Boarder

GK User
Fri Mar 23, 2012 9:38 am
thank you very much norman. it works....
User avatar
Junior Boarder

GK User
Fri Mar 23, 2012 9:40 am
No problem at all, see you around...
User avatar
Platinum Boarder


cron