Home › Forums › WoodMart support forum › Increase a space bottom of product grid

Increase a space bottom of product grid

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 14, 2020 at 12:44 pm #186834

    yorgos
    Participant

    How any css trick to increase the bottom space? i apply for desktop version using this css but not take effect in mobile and tablets.

    .products-bordered-grid.woodmart-spacing-20 .product {
padding-top: 10px;
padding-bottom: 30px;
}

    thanks

    April 14, 2020 at 8:37 pm #186963

    Elise Noromit
    Member

    Hello,

    Please provide the page URL and scree what padding you want to add.

    Best Regards

    April 15, 2020 at 4:31 am #186999

    yorgos
    Participant

    https://monosnap.com/direct/zt6GARcvT7kvFrJgoSOguSCrnjjtg5
    https://redzeppelin.dblii.com/shop/
    the space under button between button and grid. for mobiles and tablets

    Thanks

    April 15, 2020 at 11:53 am #187145

    Elise Noromit
    Member

    Hello,

    Your screen is cut and not clear. As I understand you want to add the padding to mobile only:

    Please add this code to the Theme Settings > Custom CSS > Mobile:

    body .products-bordered-grid.woodmart-spacing-20 .product, 
body .products-bordered-grid.woodmart-spacing-30 .product {
    padding-bottom: 25px;
}

    Set the value as per your needs.

    Best Regards

    April 15, 2020 at 1:42 pm #187205

    yorgos
    Participant

    mobile and tablets as i wrote you. But this css not add padding in mobile and tables to

    April 15, 2020 at 1:44 pm #187209

    yorgos
    Participant

    i try also 

    body .products-bordered-grid.woodmart-spacing-30 .product {
    padding-bottom: 25px !important;
}

    but if you test from your phone not apply

    April 15, 2020 at 1:45 pm #187210

    yorgos
    Participant

    the problem is that the button is very close to border

    April 15, 2020 at 11:23 pm #187308

    Elise Noromit
    Member

    Hello,

    Please provide the site admin access to the private area I will check the CSS you have added.

    Best Regards

    April 16, 2020 at 11:12 pm #187627

    yorgos
    Participant

    I provide in private content

    April 17, 2020 at 12:40 pm #187849

    Bogdan Donovan
    Keymaster

    Your custom code is placed inside @media (min-width: 1400px) rule (https://prnt.sc/s16gl3). That means that all code inside this @media will be applied only on screens 1400px width and higher. Try to fix your custom code first.

    Regards

    April 17, 2020 at 12:44 pm #187853

    yorgos
    Participant

    ohhh sorry you are right, sorry and thanks a lot

    April 17, 2020 at 12:44 pm #187854

    Artem Temos
    Keymaster

    You are welcome.

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)