Can you help me to get the css correct to reduce the line weight in ZenTools for the Titles within the ZenTools grids on my home page. I am using H3 and would like to make the line height 1em instead of 1.93.

I was able to get it to move like I wanted it in Google Chrome developer tools but am putting it wrong into my custom.css file.

I wanted to change to: line-height: 1.em;

I would sure love the write code to make it work.

Also, I want to reduce the padding above and below the images in these zentools grids and also reduce the paddings in these grids above and below the titles.

Thank you so much for always helping when I can't figure out how to tweak the templates.

Sean

Hi Sean,

Do you have a link for the site?

Cheers
Paul

Oh my... small detail...

samag.cloudaccess.net

Sorry about that. Thank you for looking!!!

Sean

Hi Sean,

no probs

the current style applying is

h3 {line-height: 1.96em;}

for the specific module you can use the id of the module itself

#zentools-294 h3 {line-height: 1em;}

Alternatively for the page only you could use

.itemid-490 h3 {line-height: 1em;}

Depending on how you use the zentools2 layout elsewhere on the site you could perhaps use the zentools layout instead for a more wide ranging style

e.g. .zt-grid h3 {line-height: 1em;}

Regarding the images

.zt-image img {
margin-bottom: 30px;
}

similar kind of targetting

.itemid-490 .zt-image img {margin-bottom:0;}

Below Jewish Life for example is

<span style="font-family: georgia, palatino; font-size: 18pt;"><a href="/jewish-life" rel="alternate"> </a></span>

If you removed this it would tighten up the space above the module

Cheers

Thank you so much. Now I am having fun!

I just did a bunch of these using the targeting to the module id but realize I should probably simply things and target to the page. I will play with that.

There is one thing I have been trying that has not worked. I assume you will have an easy answer. I am trying to reduce the right and left padding between the columns. Here is what I was trying:

/*-- Not Working - left and right margins in Grid5 ZT2 modules --*/
#zentools-294, #zentools-295, #zentools-296, #zentools-297, #zentools-298, [grid-col] {
padding-left: 1%;
padding-right: 1%;
}

Hi Sean,

You would need

#zentools-294.zentools [grid-col], #zentools-295.zentools [grid-col], #zentools-296.zentools [grid-col], #zentools-297.zentools [grid-col], #zentools-298.zentools [grid-col] {padding-left: 1%; padding-right: 1%;}

Cheers
Paul

Thank you so much. That almost did it. It actually worked for the first module in the list but for some reason not for the others. Any idea why?

Thanks, Sean

It is applying looking at the code - just your image dimensions are different so it's got extra space around the image rather than the padding

Cheers
Paul

Thank you very much. You were so right!

You're welcome

Cheers
Paul