<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="bbPress/1.0.2" -->
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>Support Forum - Topic: How to remove the image borders?</title>
		<link>http://www.kriesi.at/support/topic/how-to-remove-the-image-borders</link>
		<description>Support Forum - Topic: How to remove the image borders?</description>
		<language>en-US</language>
		<pubDate>Thu, 20 Jun 2013 10:51:52 +0000</pubDate>
		<generator>http://bbpress.org/?v=1.0.2</generator>
		<textInput>
			<title><![CDATA[Search]]></title>
			<description><![CDATA[Search all topics from these forums.]]></description>
			<name>q</name>
			<link>http://www.kriesi.at/support/search.php</link>
		</textInput>
		<atom:link href="http://www.kriesi.at/support/rss/topic/how-to-remove-the-image-borders" rel="self" type="application/rss+xml" />

		<item>
			<title>Dude on "How to remove the image borders?"</title>
			<link>http://www.kriesi.at/support/topic/how-to-remove-the-image-borders#post-11074</link>
			<pubDate>Sat, 08 Jan 2011 12:58:33 +0000</pubDate>
			<dc:creator>Dude</dc:creator>
			<guid isPermaLink="false">11074@http://www.kriesi.at/support/</guid>
			<description>&#60;p&#62;Add following code to style.css:&#60;br /&#62;
&#60;pre&#62;&#60;code&#62;a img, a:hover img{
border: none !important;
background: transparent !important
}

.entry img{
border: none !important;
background: transparent !important
}&#60;/code&#62;&#60;/pre&#62;
&#60;p&#62;If you want to remove the borders on an individual basis (i.e. only for some images) there are two ways to achieve what you want:&#60;/p&#62;
&#60;p&#62;1) You need to append following style attributes to your images:&#60;/p&#62;
&#60;pre&#62;&#60;code&#62;style=&#38;quot;border:none;background:none;&#38;quot;&#60;/code&#62;&#60;/pre&#62;
&#60;p&#62;i.e. like:&#60;br /&#62;
&#60;pre&#62;&#60;code&#62;&#38;lt;img src=&#38;quot;my-image.jpg&#38;quot; style=&#38;quot;border:none;background:none;&#38;quot; alt=&#38;quot;&#38;quot; /&#38;gt;&#60;/code&#62;&#60;/pre&#62;
&#60;p&#62;OR&#60;/p&#62;
&#60;p&#62;2) Add following code to style.css:&#60;/p&#62;
&#60;pre&#62;&#60;code&#62;.noborder{
border: none !important;
background: transparent !important
}&#60;/code&#62;&#60;/pre&#62;
&#60;p&#62;and append this class to your images like:&#60;/p&#62;
&#60;pre&#62;&#60;code&#62;&#38;lt;img src=&#38;quot;my-image.jpg&#38;quot; class=&#38;quot;noborder&#38;quot; alt=&#38;quot;&#38;quot; /&#38;gt;&#60;/code&#62;&#60;/pre&#62;</description>
		</item>

	</channel>
</rss>
