Change color from white to transparent

Hi, is it possible to change the color from white to transparent?

The white field takes up large parts of the product image. The most ideal would be a button with a simple, white background such a button for shopping cart has. Is this possible to do for the “compare” button too?

Attachments:

You must be logged in to view attached files.

Hello,

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

body .wd-hover-base .wrapp-swatches {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background-color: transparent;
}

Best Regards

Hello,

I tried adding the code, but with no result. Could you please have a look and help me?

Hello,

Please check the credentials I cannot login, please clear the site cache and check again.

Best Regards

Hi, thank you. See private content.

Hello,

Please check the browser cache and check again: https://gyazo.com/74fe74f7804cd92aafa71f86b7c90acc

Or provide the page URL where CSS has not been applied.

If you have any questions please feel free to contact us.

Best Regards

Hi Elise, thank you for good help.

I tried to clear the cache and used incognito browser. I cant’see the change on any pages. Did you add the code, and why isn’t it showing correctly?

Video: https://gyazo.com/b60ebc17482dc1973cd8bb9d57c2c576

Hello,

Please deactivate all the plugins except these ones:

Slider Revolution
WPBakery Page Builder or Elementor
Woodmart Core
Contact Form 7
MailChimp for WordPress
WooCommerce
Safe SVG

If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

I see the custom CSS does not work on the site.

Best Regards

Hi Elise,
I tried to deactivate all the plugins except from the ones you mentioned, without any result.
Please have a look: https://gyazo.com/b4fc4801032f81bbb6e5e1a9e16673b3.

What more can I try?

Hello,

Please, confirm the permission for plugins deactivation, switching to the parent theme. As soon as we complete the testing we will enable all back, however, the site would be without plugins for 15-20 min. You would better make the full backup of your site.

Best Regards

Hello Elise,

I am sorry for my very late reply. We are finishing the website before launching it in january. I really appreciate if you have the possibility to check our page and what causes the problem. I’ve made a backup on Updraft.

Hello,

Please check this screen: https://gyazo.com/0b45a4b6aebf9547e2af69826bd4a56b

When I add this code, the block become transparent:

body .wd-hover-base .wrapp-swatches {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background-color: transparent;
}

If the code does not work, insert the credentials into the Private content below the message area.

Best Regards

Hi Elise,

I do not make this work. Where should I put the code?

Hello,

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

body .wd-hover-base .wrapp-swatches {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
background-color: transparent;
}
Best Regards

Hi, the code was already added to the Custom CSS -> Global. The changes are still not displayed on the site.

Attachments:

You must be logged in to view attached files.

Hello,

You have disabled the Global settings for the Home page with the Theme Preset. You need either remove this preset rule or add the custom to both Global by default and Global in your preset rule.

You need to check the CSS code and remove these comments https://prnt.sc/239wpl6 otherwise all the code after this comment would not workd. Such comments are not applied in CSS.

Best Regards

Thank you so much Elise, that worked!!!

How can I add the same settings for the whole site? For example, the products displayed under the product categories have the white square in the bottom. How can I get the same settings in all areas where the products are previewed?

Attachments:

You must be logged in to view attached files.

Hello,

You need to add this code to the Global for each preset.

If you have any questions please feel free to contact us.

Best Regards

Thanks for the help Elise, it worked fine as it usually does when you help.
Your help is very helpful. I’m impressed with your response time!
Wishing you all the best.

Hello,

Thank you very much for your warm feedback. I am not alone, I am also supported by our team.

We would appreciate highly your feedback on http://themeforest.net/downloads in case you are satisfied with our theme and customer service and have not done that yet.

We are always happy to help you, write to us when you have any difficulties or issues with our theme.

Thank you in advance

Wish you a wonderful day!

[Author]

Posts