Home › Forums › WoodMart support forum › product page padding

product page padding

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 27, 2023 at 2:05 pm #524902

    fcoerezza
    Participant

    hi, in any product page, I’ve a few problems with the padding.
    More precisely, I tried to decrease the top and bottom padding of the attributes fields, but now every section attributes last fields (expecially if multi line) is cut by the next section.
    Besides, the product boxes at the botton of the page, have an extra padding that I do not know how to remove.
    Look at the image attached.

    Attachments:
    You must be logged in to view attached files.
    December 27, 2023 at 6:07 pm #524979

    Luke Nielsen
    Keymaster

    Hello,

    1. Send me admin access so I can look closer at those attributes fields.

    2. Seems that you have sorted out the issue with the product boxes: https://prnt.sc/yS989AmzzSYU

    Kind Regards

    December 27, 2023 at 8:59 pm #525021

    fcoerezza
    Participant

    #1 – I attach the credential.
    #2 – no, I did not sort it out. I think it’s a bug of the 7.4 woodmart beta version I installed. If you note, it displays the related products title (“Prodotti Correlati”) even if the setting is set to “hide” and besides exceedes the right border.

    Attachments:
    You must be logged in to view attached files.
    December 28, 2023 at 11:26 am #525116

    fcoerezza
    Participant

    to detail better my last reply see the image attached.
    #2 is the possible bug of the beta theme, while #1 the padding problem that can be everywhere in the page.
    the url of the image is https://staging.acinolilla.com/shop/alcolici/liquore-al-fieno-distilleria-marzadro/

    Attachments:
    You must be logged in to view attached files.
    December 29, 2023 at 5:36 pm #525544

    Luke Nielsen
    Keymaster

    Hello,

    1. Remove this code https://prnt.sc/JZ5w92UJh5NQ in Theme Settings -> Custom CSS because it cuts the last attribute. Use the below code to reduce spaces for attributes:

    .single-product .shop_attributes {
    --wd-attr-v-gap: 15px;
}

    2. For now, I do not see the “Related products” section: https://prnt.sc/qWa5drmr8YxF

    Let me know if you have any questions.

    Kind Regards

    December 29, 2023 at 8:37 pm #525581

    fcoerezza
    Participant

    Luke, you’re a guru! you solved my issue.
    As for the other point I solved removing the beta version of woodmart, coming back to the stable one.

    I’ve 2 other CSS issues for you:

    1. if you go to this page https://staging.acinolilla.com/product-category/champagne/ or any product page and you simply scroll down to the bottom of the page and after you scroll up, the sticky menu overlap the page title. see the image “overlap” attached
    2. we changes somewhere the CSS that had an impact on the product box. Now the product box is like in the pic attached “box-as-is”. the compare and quick view icons are “outside” the box. you can see yourself in the home page. my request is not to return to the initial layout but, if possible, have the CSS to:
    – move the compare icon up belo the bookmark icon
    – remove the quick view icon
    – enlarge the add to cart button to take the full width of the box.
    Of course this change must have impact on all the product boxes in the site (all product box have the same style). Look at the “box-to-be” image to see what I mean. Is it possible?

    Attachments:
    You must be logged in to view attached files.
    January 2, 2024 at 10:20 am #525958

    Luke Nielsen
    Keymaster

    Hello,

    1. I Checked that issue and on my side, it looks well, here is a video: https://take.ms/5GwhG

    Please clarify how I can replicate it on my side.

    2. It’s possible to make it as in this screenshot with the help of the below code: https://prnt.sc/UKbMaw_WdKIc

    .home .product-grid-item.wd-hover-buttons-on-hover .wd-action-buttons {
    display: flex;
    flex-direction: column;
}

    Otherwise, I suggest you try to change the style of the product via the settings of the element in the page builder.

    Kind Regards

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