[Resolved] How do I reduce horizontal space in between two list types?

[James]

On my front page, I have the magazine grid header.

Underneath that I have 4 other boxes of the wpsp-1275 class (I think it’s the standard list).

I would like to reduce the gap between the header and the standard list to about 0.2em. Is this possible?

Thanks.

[David]

Hi there,

could you link me to your site so i can provide the correct CSS. You can edit your original topic and use the Site URL field to share the link privately.

[James]

I have done this now. Thanks

[David]

Try this CSS:

.separate-containers .site-main {
    margin-top: 0.2em !important;
}

[James]

Yes, that worked. Thanks very much.

In my customiser, I’m getting two error messages for the following code:

@media (min-width: 900px) {
    .wpsp-grid .wp-show-posts {
			grid-template-columns: repeat(8, 1fr);
        grid-template-rows: 1fr auto;
    }

The messages are as follows:

“Expected RBRACE at line 212, col 37”

and

“Unexpected token ‘lfr’ at line 213, col 29”

[David]

You can safely ignore that – the grid-template- properties are a valid but the CSS Lint parser in WordPress doesn’t recognise them

[Author]

Posts