Remove image border - selective

Hello team,

Is there a way to disable image border on selected images without playing with files & css? I have read this topic https://www.gavick.com/forums/108/remov ... 14389.html already but in my case I`d like to keep borders generally and disable when necessary.

Image attached is an example. I want border on the article image but DO NOT want it inside the module.

If this is not possible by adding/removing styling via WYSIWYG editor, maybe a css override to disable borders inside module would do.

Thanks,
Andre

You can add following css code in your override.css and in module settings > module suffix add " noimageborder" without quotes. Please note there is an empty space in front of noimageborder.

Code: Select all

.noimageborder div.gk_img_border_top { background:none!important; }
.noimageborder div.gk_img_border_bottom { background:none!important; }


See you around...

Hi Norman,

Not quite...The code suggested didn`t change anything, while the code bellow removes the border regadless if I`m using the suffix or not.

Code: Select all

.noimageborder div.gkImgBorderTop { background:none!important; }
.noimageborder div.gkImgBorderBottom { background:none!important; }

Suggestions?

Thanks,
Andre

Sorry, I'm lying. My updated code has worked fine as one can see here http://www.lightstyle.co.nz/sites/banda-alana/index.php/contrate

So the current code in use for future reference is;

Code: Select all

.noimageborder div.gkImgBorderTop { background:none!important; }
.noimageborder div.gkImgBorderBottom { background:none!important; }

Thanks mate!

No problem at all, see you around...