Font and Extra Space

Free responsive Joomla 2.5 and 3.x module to present your content with easy and intuitive way.
Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Sat Jul 02, 2011 7:40 pm
Hi guys,

I've just started using Joomla and was wondering if anyone might be able to help with a couple of questions.

How does one change the font on all the modules? For example, on news_pro_gk4 and photoslide?

Also, how do you get rid of all the excess space on the top/bottom and left/right of the screen? I have uploaded a picture that shows all the space, there is a lot at the top and a lot of black at the bottom too.

Finally, how can you change the actual colour of the main page and the bit behind? Where 'home' is on the menu at the top, the bit behind that is black and I was wanting to change it. Can you also change the size of the various modules, height and width? I can't seem to find that anywhere in the readme.

Any help would be much appreciated as I have been reading through helpme files all day trying to work stuff out, thanks :cheer:

Pic: http://oi51.tinypic.com/osr6hj.jpg
User avatar
Fresh Boarder

teitbite
Mon Jul 04, 2011 5:34 am
Hi

This is not so simple. All You have asked is a customization. It's like redoing the template. I believe the easiest way is to use Firebug to find the element code and change its css code/replace images.
User avatar
Moderator

GK User
Mon Jul 04, 2011 5:57 pm
Ah right, might leave it for now then and come back to that later, thanks.

Would you be able to help with identifying the black space at the top on the template.css though? It can be seen clearly in the picture below and I've tried finding it on css template but I can't anywhere!

http://oi53.tinypic.com/2up2wiv.jpg
User avatar
Fresh Boarder

teitbite
Tue Jul 05, 2011 5:33 am
Hi

You will be able to find it easily with Firebug also :)

Code: Select all
#gk-nav {
    background: url("../images/menu_bg.png") repeat-x scroll 0 21px #000000;
    padding-bottom: 4px;
}
template.css (line 116)


#gk-top-nav {
    background: none repeat scroll 0 0 #000000;
    font-size: 11px;
    line-height: 11px;
    min-height: 17px;
    padding: 12px 20px 0;
}
template.css (line 54)
User avatar
Moderator

GK User
Tue Jul 05, 2011 8:43 pm
Thanks very much
User avatar
Fresh Boarder

teitbite
Wed Jul 06, 2011 2:18 pm
Hi

No problem. Glad I could help :)
User avatar
Moderator

GK User
Wed Jul 06, 2011 7:02 pm
Sorry, just more question. I've managed to change everything but now I have a big space at the top of the screen between the logo and the tabs, do you know what this would be called and how I could change it? It's clearly visible in the picture below, the big green space between the two sections.

Thanks :)

http://oi53.tinypic.com/21d2xie.jpg
User avatar
Fresh Boarder

teitbite
Fri Jul 08, 2011 10:08 am
Hi

Please remind me Your site's url so I'll be able to see it and tell what to do.
User avatar
Moderator

GK User
Fri Jul 08, 2011 10:20 am
Don't worry about it, I've finally got round to downloading firebug and it is so useful, should help me fix it easily, Thanks again.
User avatar
Fresh Boarder

teitbite
Sat Jul 09, 2011 5:37 pm
Hi

Yes Firebug is a noble tool :)
User avatar
Moderator


cron