http://www.kriesi.at/support/topic/image-borders Support Forum - Topic: Image Borders en-US Wed, 19 Jun 2013 07:28:12 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/image-borders#post-4121 Mon, 06 Sep 2010 14:47:21 +0000 Dude 4121@http://www.kriesi.at/support/ <p>No problem.</p> <p>The Dude </p> http://www.kriesi.at/support/topic/image-borders#post-4116 Mon, 06 Sep 2010 13:57:26 +0000 lesbrecknell 4116@http://www.kriesi.at/support/ <p>thank you for your help. </p> http://www.kriesi.at/support/topic/image-borders#post-4093 Mon, 06 Sep 2010 06:44:38 +0000 Dude 4093@http://www.kriesi.at/support/ <p>Ok then we'll solve your border problem via an hack - open your style4.css and change<br /> <pre><code>a img, a:hover img, .entry img, #top .wp-caption{ border-color:#ccc; }</code></pre> <p>to<br /> <pre><code>a img, a:hover img, .entry img, #top .wp-caption{ border-color:#fff; }</code></pre> <p>This code will change the color of the borders from grey to white - so they're still there but the user can't see them :-) and there's no mouseover effect.</p> <p>To your second problem:</p> <p>To remove this horizontal line please open your style4.css and delete following line:<br /> <pre><code>.hr { background: transparent url(&#39;../images/skin4/border_horizontal.png&#39;) repeat-x center right; }</code></pre> <p>This image is also used for the siteheading underline if you want to remove the dotted line of the siteheadings too:<br /> <pre><code>.siteheading, .entry h4, .entry h3{ background: transparent url(&#39;../images/skin4/border_horizontal.png&#39;) repeat-x bottom right; }</code></pre> <p>The Dude </p> http://www.kriesi.at/support/topic/image-borders#post-4083 Sun, 05 Sep 2010 21:07:40 +0000 lesbrecknell 4083@http://www.kriesi.at/support/ <p>Thanks for your efforts, the effect is not quite what I was expecting as the the whole article now jumps around by 2px when you mouseover the image. I think Ill just give up on trying to figure it out, Ive spent way too much time on such a little thing :-)<br /> If you could help me with one thing, the template fields are split up by 1px dotted lines which I would like to delete (see <a href="http://dalemedia.net)" rel="nofollow">http://dalemedia.net)</a> as you can see one runs straight through the logo. Appreciate it Buddy! </p> http://www.kriesi.at/support/topic/image-borders#post-4082 Sun, 05 Sep 2010 20:35:27 +0000 Dude 4082@http://www.kriesi.at/support/ <p>To remove the borders you need to find following code in style.css:<br /> <pre><code>a img, a:hover img{ z-index: 2; position: relative; border: 1px solid; } .entry img{ padding:4px; display:block; border:1px solid; }</code></pre> <p>Please replace border:1px solid; with border:none; like here:<br /> <pre><code>a img, a:hover img{ z-index: 2; position: relative; border: none; } .entry img{ padding:4px; display:block; border: none; }</code></pre> <p>The Dude </p> http://www.kriesi.at/support/topic/image-borders#post-4081 Sun, 05 Sep 2010 19:47:47 +0000 lesbrecknell 4081@http://www.kriesi.at/support/ <p>Hey James, the site is <a href="http://www.dalemedia.net" rel="nofollow">http://www.dalemedia.net</a> I appreciate your assistance. :-) </p> http://www.kriesi.at/support/topic/image-borders#post-4077 Sun, 05 Sep 2010 17:28:38 +0000 James Morrison 4077@http://www.kriesi.at/support/ <p>Hey,</p> <p>What's the site URL (just to make sure I get the code right)?</p> <p>James </p> http://www.kriesi.at/support/topic/image-borders#post-4046 Sun, 05 Sep 2010 15:03:12 +0000 lesbrecknell 4046@http://www.kriesi.at/support/ <p>Im trying to remove the (largeish) dark borders that surround the main page column and Portfolio thumb-nails, I tried to follow the Dudes tutorials, but got even more confused, I placed the snippet of code into the CSS file, but when I go to edit the Post in the WordPress editor, I cant see the imgsrc element of the featured image.<br /> The template looks very good except for these difficult to remove borders which I feel add nothing in terms of style.<br /> One other thing, how do I remove the dotted lines that seem to abound? </p>