http://www.kriesi.at/support/topic/moving-a-horizontal-line-below-social-icons Support Forum - Topic: Moving a horizontal line below social icons en-US Tue, 21 May 2013 16:00:22 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/moving-a-horizontal-line-below-social-icons#post-7688 Tue, 26 Oct 2010 05:59:39 +0000 Dude 7688@http://www.kriesi.at/support/ <p>Glad that I could help you. </p> http://www.kriesi.at/support/topic/moving-a-horizontal-line-below-social-icons#post-7637 Mon, 25 Oct 2010 15:28:24 +0000 Martin 7637@http://www.kriesi.at/support/ <p>Thanks that solved it!</p> <p>I highly appreciate the help.</p> <p>Regards,</p> <p>Martin </p> http://www.kriesi.at/support/topic/moving-a-horizontal-line-below-social-icons#post-7633 Mon, 25 Oct 2010 15:10:31 +0000 Dude 7633@http://www.kriesi.at/support/ <p>You need to play with the padding value, you can also add a margin value. I.e use following code:<br /> <pre><code>#top #social_icons ul { clear:both; float:left; padding:10px 0 0 0; width:100%; margin: -20px 0 0 0; }</code></pre> <p>The syntax goes: margin/padding: top right bottom left. </p> http://www.kriesi.at/support/topic/moving-a-horizontal-line-below-social-icons#post-7620 Mon, 25 Oct 2010 14:01:31 +0000 Martin 7620@http://www.kriesi.at/support/ <p>Thanks! The horizontal line is now above the icons. Is there a way to get the horizontal line beneath the icons a bit closer to those icons and have everything a bit closer to the post. So there is less of a gap between post and line and icons and line?</p> <p>Regards,</p> <p>Martin </p> http://www.kriesi.at/support/topic/moving-a-horizontal-line-below-social-icons#post-7616 Mon, 25 Oct 2010 13:40:55 +0000 Dude 7616@http://www.kriesi.at/support/ <p>You need to change following code in style1.css:<br /> <pre><code>#top #social_icons ul{ border-top:none; border-bottom:1px solid #e1e1e1; }</code></pre> <p>to<br /> <pre><code>#top #social_icons ul{ border-top:1px solid #e1e1e1; }</code></pre> <p>and in style.css change</p> <pre><code>#top #social_icons ul { clear:both; float:left; padding:0 0 10px; width:100%; margin:0 0 40px; }</code></pre> <p>to something like:</p> <pre><code>#top #social_icons ul { clear:both; float:left; padding:10px 0; width:100%; }</code></pre> http://www.kriesi.at/support/topic/moving-a-horizontal-line-below-social-icons#post-7611 Mon, 25 Oct 2010 12:51:16 +0000 Martin 7611@http://www.kriesi.at/support/ <p>Oops that wasn't a direct link was it:-o.</p> <p>Here is the direct link<br /> <a href="http://www.albruna.nl/test/?p=8" rel="nofollow">http://www.albruna.nl/test/?p=8</a> </p> http://www.kriesi.at/support/topic/moving-a-horizontal-line-below-social-icons#post-7593 Mon, 25 Oct 2010 12:00:16 +0000 Martin 7593@http://www.kriesi.at/support/ <p>Sure here you go<br /> <a href="http://www.albruna.nl/test/" rel="nofollow">http://www.albruna.nl/test/</a> </p> http://www.kriesi.at/support/topic/moving-a-horizontal-line-below-social-icons#post-7266 Thu, 21 Oct 2010 15:40:16 +0000 James Morrison 7266@http://www.kriesi.at/support/ <p>Hey,</p> <p>Can you post a direct link to a page having this issue and I'll look into it :)</p> <p>James </p> http://www.kriesi.at/support/topic/moving-a-horizontal-line-below-social-icons#post-7083 Tue, 19 Oct 2010 13:15:27 +0000 Martin 7083@http://www.kriesi.at/support/ <p>Hello,</p> <p>In this theme the social icons in a post are beneath the author information. I have moved the above this information so they are "directly" beneath the post. However I am having a small problem with the space between the bottom of the post and the icons and a horizontal line. </p> <p>I have now this structure:</p> <p>Post</p> <p>Social icons<br /> horizontal line<br /> horizontal line<br /> author information</p> <p>What i want to achieve is:</p> <p>Post<br /> horizontal line<br /> social icons<br /> horizontal line<br /> author information</p> <p>So one of the horizontal lines needs to be moved above the icons and the space between the end of the post, line and icons need to be reduced somewhat.</p> <p>Any clues on how to get this done?</p> <p>I have tried to move the social icons div in between the closing div for the -end entry_content- and the closing div for the -end entry-. This does solve the space issue however also places a smal horizontal line beneath the icons. </p>