reduce the spaces between columns

  • Author
    Posts
  • #154551

    sisdcarolo
    Member

    Hello,

    It’s possible to reduce the spaces between columns when using the “Column” tool?

    Thank you
    Florence

    The blog I need help with is sisdcarolo.wordpress.com.

    #154575

    tarasdashkevych
    Theme Author

    Hello Florence,

    Could you please post a link to the page where the Columns block is added, so I can inspect the code?

    Thank you,
    Taras

    #154624

    sisdcarolo
    Member

    Hello Taras,

    Here is the link : https://sisdcarolo.wordpress.com/2020/04/01/trajet-de-soins-diabete-6/
    I would like to reduce the space in the column above to have room to add a 7th column with an image.

    Thank you,
    Florence

    #154640

    tarasdashkevych
    Theme Author

    You need to add a unique class to the Columns block, so we can only change the spacing for the specific block: https://wordpress.com/support/adding-additional-css-classes-to-blocks/

    Once the class is added, use the following custom CSS (I am using my-icons-grid class as an example):

    
    @media (min-width: 782px) {
      .my-icons-grid.wp-block-column:not(:first-child) {
       margin-left: 15px;
      }
    }
    

    Hope this helps. Let me know if you have any additional questions.

    Kind regards,
    Taras

    #154669

    sisdcarolo
    Member

    Hello Taras,

    Perfect, thank you very much!

    Have a nice day,
    Florence

    #154692

    tarasdashkevych
    Theme Author

    You are very welcome Florence!

The topic ‘reduce the spaces between columns’ is closed to new replies.