CSS and display

Hi There,

The quick view button has a background. I have made it display: none. However it is coming there: https://prnt.sc/hppT4r1FTqTO.

When we do hard refresh it is not there. I have highlighted two sections in red.

Could someone please look at it and guide us?

Kind regards,
SP

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .product-grid-item .wd-quick-view-icon {
display: none;
}

Best Regards.

Hi Aizaz,

Quick view icon need to be visible and background of the quick view needs to be display:none.

The code what you have shared will make the quick view invisible.

Regards
SP

It is somewhere in the woodmart theme coding
.product-grid-item .wd-quick-view-icon>a:before {
color: transparent;
}
There are a couple of “Before” & “After”. Maybe you can guide me now.

Hello,

This is the background image. It is not possible to remove the css.

Best Regards.

Aizaz, could we not make it unset with code snippet?

When we do hard refresh then background image is not there, that does not make any sense at all. Either it says intact or not at all.

Hello,

Now on your site the icon background is not showing.

Best Regards.

The website loads with the background shadow border and when we do hard refresh then there is not background shadow border. I am struggling to find the class defined. Could you please help Aizaz?

Hello,

Please share the wp logins details in private content under the message area I will check and give you a possible solution.

Best Regards.

I will create a backup then will share the login details. I thought you may do it by inspecting elements.

Hello

Ok, I am waiting for your answer.

Best Regards.

Hi Aizaz,

Please find the login details.

Regards
SP

Hello,

The image is already transparent and it shows the background of the product image, not the image itself background, please see this screenshot: https://ibb.co/ZNfHbF6

Best Regards.

Hi Aizaz,

I have checked it and let others also checked the background shadow behind the eye icon. Still its same.
Snapshot: https://prnt.sc/hppT4r1FTqTO

Maybe somewhere I am missing to strengthen the style. If you can help that will be appreciated.

Kind regards
SP

Hello,

Really sorry for the inconvenience. But still, I did not see any background on the Eye icon and line on the hover of the product.

Please share the small video of your issue for a better understanding.

Best Regards.

Hi Aizaz,

Please find the video attached. The quickview have a background.

Kind regards
SP

https://drive.google.com/file/d/1xZsvhw6IUen1wuEFsoU0f2yavidU_QzF/view?usp=sharing

Hello,

I have added the small custom CSS code in the theme settings. Please check it now after removing the browser cache.

.product-element-top.wd-quick-shop .wd-buttons.wd-pos-r-t {
    box-shadow: none !important;
}

Best Regards.

Thank you Aizaz, for sharing the CSS coding. I will check that & get back to you.

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts