Modify Prodct Style

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.

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

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

Hello,

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

Best Regards

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.

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

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.

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