Home › Forums › WoodMart support forum › Modify Prodct Style

Modify Prodct Style

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 10, 2021 at 7:18 am #298805

    Stefanie
    Participant

    Hello.

    I want to use the Product Style “Quick” but with the following customizations:
    1. icons as white lines without background
    2. product text not centered -> left aligned

    See attachment with rough layout for understanding.

    Thank you.

    Best regards.

    Attachments:
    You must be logged in to view attached files.
    June 10, 2021 at 7:57 am #298818

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I saw the screenshot you attached. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .product-grid-item .price, h3.wd-entities-title {
    text-align: left;
}

.wd-action-btn.wd-style-icon>a:before {
    color: white;
}

    Best Regards

    June 10, 2021 at 8:27 am #298825

    Stefanie
    Participant

    Hello. Many thanks for your quick support.

    Text alignment it’s fine now.

    The icon code still need an “add on”. 😉
    After importing your code, the icons look like the screenshot attached.

    Thanks for your support.

    Best regards

    June 10, 2021 at 10:39 am #298856

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Your issue has been Resolved. Please clear cache and check back.

    Best Regards

    June 10, 2021 at 10:57 am #298859

    Stefanie
    Participant

    Hello.

    Sorry to say, but I don’t see any changes?!?

    I have cleared cache and check back as recommended in your instructions.

    Can you check it again?

    Many thanks!!!!

    Best regards.

    June 10, 2021 at 11:45 am #298865

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .product-grid-item .wd-buttons.wd-pos-r-t {
    background: transparent;
}

    Best Regards

    June 10, 2021 at 12:54 pm #298893

    Stefanie
    Participant

    Hello.

    Great!!!!
    …but one little last thing: The Shadows of the boxes are still visible… It would be perfect, if they are also not visible.

    What’s the code for that issue?

    MANY THANKS!

    Attachments:
    You must be logged in to view attached files.
    June 10, 2021 at 1:10 pm #298906

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .product-grid-item .wd-buttons.wd-pos-r-t {
    box-shadow: none;
}

    Regards.
    Xtemos Studios

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