news pro GK4 font size

October 08 Joomla Templates
GK User
Wed Jan 11, 2012 5:35 am
I need help with news pro GK4 font size and letter type (upper or small).

1- is there way we can change the size of the font?

2- also, the headline there is all capital letters. how can we make them like in the title? (first letter capital, others small letters)

as we are using GK4 in other positions like latest news, most popular, random news etc., does our change affect all or should we make changes for each one of them?

my link is http://www.gulennews.com/

thanks,

Levent
User avatar
Senior Boarder

Konrad M
Wed Jan 11, 2012 10:15 am
Hi
You want to change size of mian text or tittle or all ?
User avatar

GK User
Wed Jan 11, 2012 1:28 pm
Main title, actually, which is all capital letters.
User avatar
Senior Boarder

Konrad M
Wed Jan 11, 2012 3:59 pm
Try add to override.css
Code: Select all
.nspLinks ul li h4 {
text-transform:none;
font-size:13px;
}

and increase font value if you want font bigger. Of course remember to enable override.css option in template settings
User avatar

GK User
Wed Jan 11, 2012 4:19 pm
it did not help, unfortunately.
the title is all capital letters.
User avatar
Senior Boarder

Konrad M
Wed Jan 11, 2012 4:28 pm
I chcecked in firebug and override.css have no rules added. You have to add it inccorectly.
User avatar

GK User
Wed Jan 11, 2012 4:45 pm
I have these 3 rules added and override is on.

/* Joomla Article Title Font Size */
#gkComponent > div > h1, #gkComponent > div > h2, #gkComponent > div > h1 a, #gkComponent > div > h2 a {
font-size: 20px;
}


div.gk-menu > ul.level0 > li > a > span.menu-title {
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
text-transform: uppercase;
font-weight: normal;
}


.nspLinks ul li h4 {
text-transform:none;
font-size:13px;
}

first 2 are working. could there some other problem?

thanks for your patience.

levent
User avatar
Senior Boarder

Konrad M
Wed Jan 11, 2012 11:00 pm
Please send me PM with access to joomla admin.
User avatar

GK User
Thu Jan 12, 2012 1:38 am
Hi,
a friend has just taught me about firebug and helped me fix that problem. if I have additional problems for which I need help, I will post.
thanks a lot.
l.
User avatar
Senior Boarder

Konrad M
Thu Jan 12, 2012 8:57 am
Great. Firebug is very powerfull thing to CSS.
User avatar

GK User
Mon Sep 03, 2012 7:17 am
Could you tell me how you changed the capital letters to small in news pro GK4?
User avatar
Junior Boarder

GK User
Tue Sep 04, 2012 6:34 am
Any suggestions on how to change capital letters to small in "News Show Pro GK4" module with suffix "header" please?
User avatar
Junior Boarder

Konrad M
Fri Sep 07, 2012 12:29 pm
dimitris7 please try go to font section in template settings. You have capital letters becasue for those header you are using BebasNeue font. And this font has only capital letters. To remove capital you have to cahnge font to other one. Selectors which you need remove for BebasNeue and set to other font are:
Code: Select all
div.header .nspLinks ul li,
 h4

and second thing you have to do is add to override.css
Code: Select all
div.header .nspHeader {
text-transform:none;
}

and remember to enable override.css option in template settings.
User avatar


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.