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?
Hey flylanddesigns,
Please try this instead:
.avia-gallery img {
border-width: 0;
}
Best regards,
Rikard
No, I’m sorry that does not work either. I even added “!important” to it to try that, and that didn’t work either.
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
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?
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