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

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #971466
    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.

    #971519
    David
    Staff
    Customer Support

    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.

    #971538
    James

    I have done this now. Thanks

    #971545
    David
    Staff
    Customer Support

    Try this CSS:

    .separate-containers .site-main {
        margin-top: 0.2em !important;
    }
    #971548
    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”

    #971549
    David
    Staff
    Customer Support

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.