How to reduce space between text lines?

Hi

I would like to reduce the space between text lines, so as to save space and improve aesthetics: http://chihuahuanfrontier.com/svet/jupgrade/

Where can I change this? Which CSS file?

Thnx.

Would You like to reduce line height in paragraphs, or perhaps between headlines and paragraphs, or maybe all?

Thanks for answering Cyberek.

I would like to reduce line height for everything, for as you can see there's a lot of space between text lines and between paragraphs and headlines.

Please edit: /templates/gk_news/css/override.css and add at its end:

Code: Select all

article header h1, .category header, article header h2 {line-height: 22px;padding: 0 0 0px;}
article header {margin: 0 0 2px; width: 100%;}


This will reduce some of the spacing, but if You would like to do something else - You need to be specific (some screenshot with marked places would be useful).

Remember to enable "CSS override" in template settings - advanced section.

Thank you Cyberek, it worked readily for the headers.

However, I still have 3 issues I need help to solve.


1.- I would like to reduce text line height, as shown in No. 1 at the attached screenshot.

2.- It would be nice to have a tool to change font size, too, as shown is needed in No. 2.

I don't see a tool for that in my News template manager.

3.- I would like to change fonts. But the "body font" and "header font" sections at my News template manager don't respond to changes I make.

Only the first time I changed fronts it worked.

Is it a cache problem? Joomla content manager cache or browser cache?

1. You could reduce line-height in entire document with this code:

Code: Select all

body {line-height: 1.4;}


(currently it is set to 1.6)
2. In template settings, Font-size switcher is the option You are searching for (Features tab)
3. Could You paste screenshot of fonts settings of the template?

Great, it worked for reducing line height.

As for the fort size switcher, is it the one that appears at front page? I had disabled it since the beginning.

That's for readers to use. I would like to determine font size myself from my template manager.

If there's no such an option in the original template tools, a code such as those you gave me before would be fine.

All I want is determine a fixed font size and style.

Finally, I attach the font settings screenshot (2 of them) you requested.

Fonts screenshot

I'm not quite sure why font section doesnt work with your site (it should generate code in header but it doesnt), but You could use override.css:

Code: Select all

body,
h1, h2, h3, h4, h5, h6,
.box .header small,
dl#tabs dt.tabs span h3,
dl.tabs dt.tabs span h3,
.gkMenu > ul > li li,
.bigtitle h3.header,
.box.badge-new .header::after,
.box.badge-popular .header::after,
.box.badge-top .header::after {font-family: Tahoma, Geneva, sans-serif; font-size: 14px; line-height: 1.2}


for main elemnents, code:

Code: Select all

#gkLogo.text,
.gkMenu > ul > li,
#gkTopMenu,
#gkUserArea,
.box .header,
.itemAuthorContent h3,
.gkTabsNav,
th,
.nsphover .nspInfo2 {font-family: Tahoma, Geneva, sans-serif; font-size: 14px; line-height: 1.2}


for other selectors.
Change font-family stack, font size and line height to your liking.