Hi

I'm using the EcoLife template here:

development.agendapub.com

Is there a way of altering the font size of the H2 tag, both globally & on a module by module basis? (Basically, I want the titles on the page to be a little smaller, but not as small as H3).

I've tried altering the Base Font Size in the template settings, but nothing changed (as far as I could see, at any rate).

Many thanks!

Best,

Jeremy

Hi Jeremy,

There are a few different ways you could do this - basically depending on how specific you want it to be

#banner h2 {font-size: 30px;}

This would target just the h2 in the banner position

.moduletable h2 {font-size: 30px;}

This would target any modules using the h2 tag

For articles you could try

h2.article-title a {font-size:30px;}

Cheers
Paul

You would need to add styles to the custom.css file

Cheers
Paul

Thanks Paul. As always, you're a star!

One related thing - Any idea how I would go about closing up some of the "white space" between modules and within a module (i.e., a Zentools2 list)?

Basically, I wanted everything to be slightly closer together - at the moment it's quite spaced out, which doesn't quite fit with the smaller H2 size.

Thanks again.

Best,

Jeremy

Hi Jeremy,

Can you point me to the list example?

Cheers
Paul

Hi Paul

On the front page here,

development.agendapub.com

Both Blog and Articles are Zentools2 list modules, published to Grid2 and Grid3 positions.

Thanks!

Best,

Jeremy

Few lines you could adjust

#grid1wrap .zt-text-intro p {margin-bottom:10px;}
#grid1wrap .zt-list.zt-lines li.zt-item {padding-bottom:0;}

Try adding those

I looked at the wrong module at first - this line was for grid15

I'll just include it in case its useful

ul.weblinks li p {margin-bottom:10px;}

Thanks again Paul.

Is there a way to figure out this stuff myself - or would it require too much in terms of identifying the css codes being used for particular template locations, modules, etc?

Hi Jeremy,
Do you mean the web inpector?

I personally use Chrome for any development: developer.chrome.com/devtools

Thanks