How to reduce the gutter width between home page posts

  • Resolved nmcleish

    (@nmcleish)


    2 years, 11 months ago

    Hi.
    How can I reduce the gutter between the posts on the home page grid?

    I’m guessing that I need to change something in the flex styling but I am not sure what.

    Many thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @nmcleish,

    Go to Appearance → Customize → Additional CSS (the menu labels might be different in your language) and add the code below:

    .preview-wrapper { width: calc( 100% - 2rem ); }

.posts { width: calc( 100% + 2rem ); }

    Adjust the 2rem value to your liking. Let me know if that does it.

    — Anders

    • This reply was modified 2 years, 11 months ago by Anders Norén.
    Thread Starter nmcleish

    (@nmcleish)

    Perfect!
    Thank you, Anders, for such a fast response.
    I am creating a site for my wife’s illustration portfolio and your theme works really well for it.

    Thank you again, and best wishes for the festive season.

    Neil.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to reduce the gutter width between home page posts’ is closed to new replies.