Premium Theme Support › Themes Harbor › tdEditor

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: (visible only to logged in users)

    #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
    Original poster

    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
    Original poster

    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.