Modify Shop Product Style

Is there a way to modify the Shop Product Style Container so that is in not Transparent on the bottom where the Product Name/Variants/ and pricing display. We use an Image Back Ground so it is hard to read that contained area. See areas highlighted in purple. https://www.screencast.com/t/q685rkEK
They are transparent on the site:https://wordpress-548167-1777419.cloudwaysapps.com/product-category/accessories/data_timing_category/mychron_category/mychron_accessories_category/
And I would like to make them solid white. Maybe some CSS? Thank you

Hello,

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

.product-grid-item.product.woodmart-hover-quick {
    background: white;
}

Regards.
Xtemos Studios

So that kind of worked, but now there is no space between the products. In the settings I had the space set to 10, so I changed it to 30, and all that did was make the container larger.
See Results of CSS: https://www.screencast.com/t/92KV18zjKU31

Hello,

I saw the screenshot you attached.

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

.product-grid-item.product.woodmart-hover-quick {
    margin-right: 10px;
}

Regards.
Xtemos Studios

Thank you, that worked.

Hello,

We are thrilled that you loved your experience with XTEMOS,We put customer experience and satisfaction as our priority, and your words reaffirms the hard work we put in every day.

So thanks for your kind words and we look forward to seeing you again.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

please, help us improve our theme and servicing by filling the following quiz
https://8uehqcg4tjy.typeform.com/to/IgyV2EiP
it won’t take more than 2 minutes of your time 🙂

Have a wonderful day.

Topic Closed.
Best Regards

[Author]

Posts