Home › Forums › Weaver Xtreme Theme › Remove Border Around Some Images › Re: Remove Border Around Some Images
February 14, 2015 at 17:45 UTC - Views: 15
#20331
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.