[Resolved] Tags: How to reduce space

[Robin]

On my tag pages e.g. https://www.eatweeds.co.uk/topic/ground-ivy – the titles have a huge gap between them.

How do I reduce the spacing on these?

TIA, Robin

[Elvin]

Hi there,

That spacing is from the Content Padding settings on Appearance > Customize > Layout > Container.

You added 150px bottom w/c is being added to every post articles.

[Robin]

Thanks, Elvin. I have reduced the padding to 20px and the gap is still too wide/high.

Anything else I can do?

TIA.

[David]

Hi Robin,

try adding this CSS to eliminate any margins being added by the empty excerpt and post meta:

.inside-article .entry-summary:empty,
.inside-article .entry-meta:empty {
    margin: 0;
}

[Robin]

I tried that and it didn’t make any difference. Any other ideas? TIA.

[David]

Where did you add the CSS ?
I updated the CSS above to make it more specific just in case the cache is messing with its order – also make sure any caches are cleared.

[Robin]

Thanks, David although it still hasn’t done anything. I’ve left in the above CSS now and cleared the cache as suggested.

[Ying]

Hi Robin,

Try to add this CSS as well:

.archive.tag .inside-article {
    padding: 0px;
}

[Robin]

Many thanks, Ying. That worked.

[Ying]

Great 🙂

You are welcome!

[Author]

Posts