Archived topic

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

5 replies · Started by James on July 30, 2019

Viewing posts 1–6 of 6

July 30, 2019 at 12:42 pm #971466

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.

July 30, 2019 at 1:51 pm #971519

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.

July 30, 2019 at 2:29 pm #971538

I have done this now. Thanks

July 30, 2019 at 2:42 pm #971545

Try this CSS:

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

July 30, 2019 at 2:48 pm #971548

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"

July 30, 2019 at 2:49 pm #971549

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

This archived topic is closed to new replies.

Start building better websites today.