http://www.kriesi.at/support/topic/line-under-social-buttons Support Forum - Topic: line under social buttons en-US Tue, 21 May 2013 10:06:25 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/line-under-social-buttons#post-22400 Sun, 10 Jul 2011 01:16:12 +0000 Chris Beard 22400@http://www.kriesi.at/support/ <p>Hey, happy to help =]</p> <p>1&amp;2) To make the gray bar "hit the top" you can open style.css and change the following:</p> <p>#head{ .. } to</p> <pre><code>#head { height: 107px; position: relative; z-index: 5; }</code></pre> <p>Remove the following from #mani{ ...}: <code>padding-top: 40px;</code></p> <p>Add the following to #content{ ... } :<br /> <code>margin-top: 40px;</code></p> <p>If you want your content to be a little higher or lower you can play around with those 40px.</p> <p>These steps seem to suffice for what you're trying to achieve.</p> <p>3) You can open style.css and find #sidebar{ }, here you can adjust the padding &amp; width accordingly. When you increase your padding by 5 your width should decrease by 5.</p> <p>example:<br /> <code>#sidebar{padding:10px 5px}</code><br /> This means a padding of 10px for top and 10px for bottom (so width decreases by 20) and 5px for left &amp; right. If you put 4 values it is Top Right Bottom Left.</p> <p>I hope this suffices. </p> http://www.kriesi.at/support/topic/line-under-social-buttons#post-22238 Thu, 07 Jul 2011 16:55:18 +0000 rafizzz 22238@http://www.kriesi.at/support/ <p>Thanks Chris!</p> <p>Your support is very professional!</p> <p>I've changed the background color as you said - you can see it here: <a href="http://www.affiliaxe.com/about-us" rel="nofollow">http://www.affiliaxe.com/about-us</a><br /> but i have few problems i need to solve:</p> <p>1) the sidebar background is not all the way up and down. there is a white/shadow above it. is there a way to make the sidebar background color go all the way to the top and the shadow over layer will be on top of it?</p> <p>2) same problem but now to the other direction (the bottom of the side bar), the background color is not going all the way down.<br /> see here: <a href="http://www.affiliaxe.com/advertisers" rel="nofollow">http://www.affiliaxe.com/advertisers</a><br /> how can I make it go all the way down until it touches the black footer?</p> <p>3) the text on the left side to the sidebar is very close to the sidebar, how can i increase the margin/padding between the left side text to the side bar?</p> <p>Thanks! </p> http://www.kriesi.at/support/topic/line-under-social-buttons#post-22161 Thu, 07 Jul 2011 02:49:53 +0000 Chris Beard 22161@http://www.kriesi.at/support/ <p>Certainly, you can open style.css and find </p> <pre><code>#sidebar{ width:280px; overflow: hidden; margin-right:50px; position:relative; float:left; }</code></pre> <p>You can simply add the following code before the ending bracket.</p> <p><code>background: #F4F3F4</code> </p> <p>This, however, will make your text appear on the very edge of your sidebar block. To solve this you can change it to:</p> <pre><code>#sidebar{ width:260px; overflow: hidden; margin-right:50px; position:relative; float:left; background:#F4F3F4; padding: 0 10px; }</code></pre> <p>This will add a padding to both your left and right side of your sidebar, so the text wont "stick" to the sides.</p> <p>If the gray I picked isn't your preferred gray you can always choose a different <a href="http://www.2createawebsite.com/build/hex-colors.html">Hex Color</a> instead of F4F3F4. </p> http://www.kriesi.at/support/topic/line-under-social-buttons#post-22145 Wed, 06 Jul 2011 23:46:00 +0000 rafizzz 22145@http://www.kriesi.at/support/ <p>I have one more question please, is there a way to change the background color of all the sidebars in my site to light grey and leave the rest of the page background's in white?</p> <p>thanks </p> http://www.kriesi.at/support/topic/line-under-social-buttons#post-22144 Wed, 06 Jul 2011 23:38:15 +0000 rafizzz 22144@http://www.kriesi.at/support/ <p>It worked!</p> <p>Thank you Chris </p> http://www.kriesi.at/support/topic/line-under-social-buttons#post-22136 Wed, 06 Jul 2011 22:33:06 +0000 Chris Beard 22136@http://www.kriesi.at/support/ <p>Hey,</p> <p>To remove the lines and put the buttons closer together at the same time you can add the following code to the bottom of your style1.css file:</p> <pre><code>ul.wp-socializer-jump li a { border-bottom-style: none !important; padding: 0px !important; }</code></pre> <p>The "0px" you see can be changed to your liking (1px, 2px, .. ,99px). </p> http://www.kriesi.at/support/topic/line-under-social-buttons#post-22128 Wed, 06 Jul 2011 17:55:37 +0000 rafizzz 22128@http://www.kriesi.at/support/ <p>hi !</p> <p>I've added new widget called easy buttons (it's social buttons) to my site and put it in the top of my sidebar.<br /> you can see it here:<br /> <a href="http://www.affiliaxe.com/about-us" rel="nofollow">http://www.affiliaxe.com/about-us</a></p> <p>I have 2 problems:<br /> 1) some strange lines is appear behind the buttons and i can't remove them. who can i remove these lines?<br /> 2) how can I make the buttons closer to each other and decrease the space beetwen them?</p> <p>Thanks! </p>