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

#20337
GR8FL
Participant

I am revisiting this again, because it is not working properly, when it goes from RSS to MailChimp. 

In Weaver Pro, all I had to do was add a class: img.noborder {border: none !important;}
In the html editor, I added noborder to the class (just the same way I can add my-img-clear CSS).
It doesn’t work in Xtreme the same way and even trying to MAKE it work, either it doesn’t take away the border, or my plugin which depends on WordPress built in align classes, only aligns left.
Below is several of the CSS I have used to try just for aligning right with no border.
#content img.r-noborder {float: right; margin: 0 0 1em 1em; border: none !important;}
content img.none {border: none !important;}
#content img.noborder {padding:0 !important; border:none !important;background-color:transparent !important;}

And the html:
<img src=”http://lavenderfieldsde.com/wp-content/uploads/Soap_Order_Online.png&#8221; alt=”Soap_Order_Online” width=”290″ height=”100″ class=”alignright r-noborder my-img-clear” />
or class=”alignright noborder my-img-clear” />
or class=”alignright none my-img-clear” />

Only thing that works is this combination
CSS: #content img.r-noborder {float: right; margin: 0 0 1em 1em; border: none !important;}
html: class=”r-noborder my-img-clear”” /> AND THEN IN RSS it is aligned left.

You can see Feedburner: http://feeds.feedburner.com/LavenderFieldsAtWarringtonManor/

Currently it is <img src=”http://lavenderfieldsde.com/wp-content/uploads/Soap_Order_Online.png&#8221; alt=”Soap_Order_Online” width=”290″ height=”100″ class=”my-img-clear r-noborder” />