Home › Forums › WoodMart support forum › Page Css changes
Page Css changes
- This topic has 7 replies, 2 voices, and was last updated 1 year, 5 months ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
July 20, 2023 at 1:34 pm #482926
margiteermaParticipantHello!
We have been using your theme for a while now and have made simple css changes to couple of elements in the front-end. Those changes show perfectly fine in incognito mode in the browser, but do not show in the regular way. I think it has something to do with cache, but the even after flushing the cache, the changes still dont show.
What might be the issue, and how could we fix that?
July 20, 2023 at 4:24 pm #482989
Aizaz Imtiaz AwanKeymasterHello,
Sometimes, outdated or cached files can cause display issues. Clear your browser cache and check the issue.
If the issue remains, share the wp logins details of your site i will check and give you a possible solution.Best Regards.
July 23, 2023 at 4:53 pm #483579
margiteermaParticipantHey, the Css should disable product hover on mobile , but now whatever I do the mobile view is still on hover and does not show the product desc and buttons, that I want to have visible on mobile.
I have given you the url to the page and login credentials.July 24, 2023 at 1:53 pm #483736
Aizaz Imtiaz AwanKeymasterHello,
Maybe you are using the wrong css. I have visited your site and added the custom css from theme setting > Custom css for header menu. On your site Custom CSS is working fine.
Check back your site after completely clearing the browser cache.
Best Regards.
July 24, 2023 at 4:13 pm #483782
margiteermaParticipantHello,
Umm did you just add that CSS to see if it’s working or? Okay, but can you add the CSS to disable the mobile product hover?
Thanks!
July 25, 2023 at 10:43 am #483965
Aizaz Imtiaz AwanKeymasterHello,
The hover effect is enabled/disabled globally and on all devices. This option is in the Theme Settings > Product Archive > PRODUCTS STYLES
Please try to add this code to the Theme Settings > Custom CSS > Mobile:
.woodmart-hover-base.hover-ready.state-hover .fade-in-block, .woodmart-hover-base.hover-ready:hover .fade-in-block, .woodmart-hover-base.hover-ready.state-hover .content-product-imagin, .woodmart-hover-base.hover-ready:hover .content-product-imagin { display: none; } body .woodmart-hover-base.hover-ready.state-hover .product-wrapper, body .woodmart-hover-base.hover-ready:hover .product-wrapper { transform: none; }
In addition, navigate to the Theme Settings > Product Archive > Product styles and enable “Open product on click on mobile.
Best Regards.
July 26, 2023 at 8:20 pm #484414
margiteermaParticipantHey!
For some reason, it still shows the hover animation on Mobile view…
Where exactly can I disable the hover effect globally? Can’t find the option under product styles..July 27, 2023 at 9:38 am #484480
Aizaz Imtiaz AwanKeymasterHello,
Please Go to Theme Settings > Shop page > Product Styles > Choose the product style standard.
Best Regards.
-
AuthorPosts
Tagged: Cache
- You must be logged in to create new topics. Login / Register