Remove Gutter between Columns

  • Hi there,

    I am trying to remove the middle gutter between 2 columns but cannot get the job done. I was able to remove top-bottom margin using the code suggested in this forum, but cannot get the middle gutter in a two-column setup to disappear.

    This will remove top and bottom:

    .entry-content > *, .wp-block-group > *, .wp-block-columns > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    }

    But how do I remove the gutter?

    You can check out my link: I trying to get the space between the album cover (left) and embed music player (right) to disappear.

    Any help greatly appreciated.

    Cheers,
    Walter

    • This topic was modified 4 years, 8 months ago by avviano.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi Walter, I think this is what you’re looking for?

    #site-content .post-139 .wp-block-columns .wp-block-column:last-child {
    margin-left: 0px;
}
    Thread Starter avviano

    (@avviano)

    Thank you very much for your quick response!

    When I initially tried your CSS code it didn’t work. When I omitted the first selector however (#site-content) it worked!

    Thank you so much, I was stuck on this for hours.

    Problem solved!

    • This reply was modified 4 years, 7 months ago by avviano.
    • This reply was modified 4 years, 7 months ago by avviano.
    • This reply was modified 4 years, 7 months ago by avviano.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove Gutter between Columns’ is closed to new replies.