Custom CSS to set the margin ?

  • Resolved alexliii

    (@alexliii)


    2 years ago

    Hello,

    Is there is a CSS way to set the related product row margin right and left?

    Please check the screenshot to understand what I mean:

    https://prnt.sc/766rTh6fgagk

    I tried a lot, but always failed.

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support WebToffee Support

    (@webtoffeesupport)

    Hi @alexliii,

    Thanks for reaching out. Kindly use the below CSS (Appearance > Customize > Additional CSS) to fix the issue.

    .wt-related-products [class*=block-grid-] {
    margin: 0px 20px !important;
}
    Thread Starter alexliii

    (@alexliii)

    Hello,

    Thanks, it works well on mobile mode.

    But, the row width is full-width in PC, and the product featured image looks not so clear.

    I tried the following css:

    .wt-related-products [class*=block-grid-] {
  
    Width: 1020px !important;
    margin: 0px 20px !important;
}

    But rows of products will all be align left, and please check the screenshot:

    https://prnt.sc/DPBf6CRn9dhA

    Is it possible to limit the width of products row in PC mode, and also make the products to be align center?

    Thanks so much

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom CSS to set the margin ?’ is closed to new replies.