Home Forums Weaver Xtreme Theme Remove Border Around Some Images Re: Remove Border Around Some Images

#20331
GR8FL
Participant

I resolved this. Had to go to Firefox and use developer tools, since Chrome’s stopped working.

The problem had to do with WordPress built-in class for aligning images whenever using the media insert feature. While this worked in Weaver Pro 

<img src=”MYPICTURE class=”aligncenter noborder” />, it failed in Xtreme. This would be same for alignleft class and alignright class.
From the info on WordPress Codex page for wrapping text around images: http://codex.wordpress.org/Wrapping_Text_Around_Images, I made three no border classes:

#content img.r-noborder {float: right; margin: 0 0 1em 1em; border: none !important;}
#content img.l-noborder {float: left; margin: 0 1em 1em 0; border: none !important;}
#content img.c-noborder { display: block; margin-left: auto; margin-right: auto; border: none !important;}

In the html in the page editor, instead of the above example, I now use <img src=”MYPICTURE class=”c-noborder” /> and the same works for left aligning or right aligning.