Home Forums Basel support forum Single product picture no gaps

Single product picture no gaps

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #189299

    Lucky liang
    Participant

    I want to open a single product sheet on the mobile phone, occupying the full width, no gaps on both sides and the thumbnail below becomes a point, do not with pictures,

    Attach pictures

    Link open on phone: https://www.crioa.com/product/black-and-white-gingham-ruffled-one-piece-swimsuit-2/

    #189331

    Hello,

    If we remove all the paddings and margins, the carousel would not look smart https://prnt.sc/s4gp7g

    Best Regards

    #189608

    Lucky liang
    Participant

    Is there any way to sove?

    #189622

    Hello,

    Do you want to remove the gaps on image only or on the whole page, please provide the screen and show we shall work on another solution.

    Best Regards

    #189623

    Lucky liang
    Participant

    I want to remove the gaps on the image.

    Reference URL: http://www.cupshe.com

    my website: http://www.crioa.com

    Please open on phone.

    Attachments:
    You must be logged in to view attached files.
    #189679

    Hello,

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

    body .woocommerce-product-gallery {
      margin-left: -45px;
      margin-right: -45px;
    }
    body .single-product-content:not(.product-quick-view) .woocommerce-product-gallery__wrapper {
      padding-right: 0;
    }

    The HTML structure does not have pagination and it is not possible to add it with CSS.

    Best Regards

Viewing 6 posts - 1 through 6 (of 6 total)