Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1062040

    Hi, I need to remove the border on Gallery thumbnails
    This SHOULD work, based on other feedback in the forum, and messing around with Chrome Developer tools. But it DOESN’T:

    /* no border around gallery thumbnails */
    #top div .avia-gallery img {
    border-style: none !important;
    }

    Can you please help?

    #1062514

    Hey flylanddesigns,

    Please try this instead:

    .avia-gallery img {
        border-width: 0;
    }

    Best regards,
    Rikard

    #1062692

    No, I’m sorry that does not work either. I even added “!important” to it to try that, and that didn’t work either.

    #1062830

    Hi flylanddesigns,

    Those codes should work but it’s not reflecting on your site.
    Can you try to flush out cache from autoptimize, if that doesn’t work try to temporarily deactivate the autoptimize plugin.

    Best regards,
    Nikko

    #1062840

    It’s so strange – I just did all those things, and still, no effect. Is it possible to have someone take a look? Can I send you a login?

    #1062997

    Hi,

    Please try the below code and it will work for you.

    #top .avia-gallery-thumb a img {
       border: none !important;
    }

    You may not see the changes until the cached files are cleared in your browser.

    Please perform the below steps to clear the browser cache:

    1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
    2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
    3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

    Best regards,
    Vinay

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.