Home › Forums › WoodMart support forum › Page Css changes

Page Css changes

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 20, 2023 at 1:34 pm #482926

    margiteerma
    Participant

    Hello!

    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 Awan
    Keymaster

    Hello,

    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

    margiteerma
    Participant

    Hey, 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 Awan
    Keymaster

    Hello,

    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

    margiteerma
    Participant

    Hello,

    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 Awan
    Keymaster

    Hello,

    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

    margiteerma
    Participant

    Hey!
    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 Awan
    Keymaster

    Hello,

    Please Go to Theme Settings > Shop page > Product Styles > Choose the product style standard.

    Best Regards.

  • Author
    Posts

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)