@thetravelbackpack – You can add some custom CSS to modify that border. The CSS element you need to address is:
.ngg-widget img { ... }
As to removing the border or changing the color, it would be the same property you would need to override (currently): border: 2px solid #A9A9A9;
Thanks!
– Cais.
Thanks Cais.
I have entered the above into the custom CSS on my site but it did not do anything. What is the exact line I should enter to remove the border from each image?
Additionally, I added a couple of blogs posts this evening and on the category pages that I added to, I’ve got an error above the NextGen widget – see http://thetravelbackpack.co.uk/category/flights/
It’s on the right side above the ‘Inspiration Station’ title.
Thank you for your help.
Jonathan
.ngg-widget img {border: none;}
@thetravelbackpack, for the other issue you should open a new topic (as per the WordPress support forum rules).
Anyway that warning seems like a plugin conflict, so you should try to test with all other plugins deactivated (and cache cleared) to find the culprit reactivating them one by one.
When you have the test outcome, it’s better if you open a new topic about that (as this is already marked as resolved and it has another title).
Thanks, @tizz.
@thetravelbackpack – I would agree, it would probably be much easier to start a new topic as this is a different issue than our OP.
– Cais.
Hi
Thank you both.
I have placed .ngg-widget img {border: none;} in my custom CSS stylesheet provided by the theme and the custom CSS page within the NextGen widgets ‘styles’ page under ‘other options. However neither remove the border from the widget in the sidebar under ‘Inspiration Station’ at http://www.thetravelbackpack.com
Have I got the right widget in place?
Thank you
Jonathan
Thank you for the suggestion with the error message. It was the plugin ‘Category Sticky Post’ that was causing the conflict.
Jonathan
@thetravelbackpack, I forgot to say that there might be need to add the !important propriety
.ngg-widget img {border: none !important;}
Place this line only in one stylesheet. For reasons of “clarity” it would be better place it in NextGEN custom CSS, but if you don’t have any other custom CSS there it’s better if you put it where you have some other custom CSS, e.g. theme custom CSS.
If you don’t see the change immediately, don’t forget to clear the cache.
@thetravelbackpack – You may need to add the !important directive to the property, something like this:
.ngg-widget img { border: none !important; }
See if that sorts it out.
Thanks!
– Cais.
PS: Thanks @tizz, you’re quick (*grin*)
@thetravelbackpack – Looks good!
– Cais.
