Column Gap in Shop Page Products

Viewing 6 replies - 1 through 6 (of 6 total)
  • Nico

    (@nicolamustone)

    Automattic Happiness Engineer

    4 years, 6 months ago

    Hello there,
    That would be possible but it appears that your theme is using a grid system. I would not recommend changing the space as it would break the grid.

    Please, get in touch with the theme author, they should be able to provide you with custom CSS that does not break the grid.

    Thread Starter Instante Net

    (@instantenet)

    4 years, 6 months ago

    Thanks a lot!
    I ask the theme but it´s out of the scope of support they tell me.
    Can you send me some codes to try?

    Thanks a lot.

    Plugin Support Senff – a11n

    (@senff)

    4 years, 6 months ago

    Adding this CSS code may help:

    .post-type-archive-product .col-lg-3 {
  padding: 5px;
}

.post-type-archive-product .col-lg-3 .xs-single-product {
  margin-bottom: 5px;
}
    Thread Starter Instante Net

    (@instantenet)

    4 years, 6 months ago

    Thanks a lot works great!!!

    • This reply was modified 4 years, 6 months ago by Instante Net.
    Thread Starter Instante Net

    (@instantenet)

    4 years, 6 months ago

    Thanks

    • This reply was modified 4 years, 6 months ago by Instante Net.
    • This reply was modified 4 years, 6 months ago by Instante Net.
    Thread Starter Instante Net

    (@instantenet)

    4 years, 6 months ago

    Hi!!
    Works great but only apply to the shop page.
    It´s possible to apply the code to all the category pages too?
    for example: https://asia-oriental.com/categoria-producto/sushi/

    Thanks a lot.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Column Gap in Shop Page Products’ is closed to new replies.