line under social buttons

7 posts from 2 voices

• Started 1 year ago by rafizzz
• Latest reply from Chris Beard
• This topic is not a support question

Tags:

No tags yet.

1. 

   rafizzz
   Member

   hi !

   I've added new widget called easy buttons (it's social buttons) to my site and put it in the top of my sidebar.
   you can see it here:
   http://www.affiliaxe.com/about-us

   I have 2 problems:
   1) some strange lines is appear behind the buttons and i can't remove them. who can i remove these lines?
   2) how can I make the buttons closer to each other and decrease the space beetwen them?

   Thanks!

   Posted 1 year ago #
2. 

   Chris Beard
   

   Hey,

   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:

   ul.wp-socializer-jump li a {
       border-bottom-style: none !important;
       padding: 0px !important;
   }

   The "0px" you see can be changed to your liking (1px, 2px, .. ,99px).

   Posted 1 year ago #
3. 

   rafizzz
   Member

   It worked!

   Thank you Chris

   Posted 1 year ago #
4. 

   rafizzz
   Member

   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?

   thanks

   Posted 1 year ago #
5. 

   Chris Beard
   

   Certainly, you can open style.css and find

   #sidebar{
   width:280px;
   overflow: hidden;
   margin-right:50px;
   position:relative;
   float:left;
   }

   You can simply add the following code before the ending bracket.

   background: #F4F3F4

   This, however, will make your text appear on the very edge of your sidebar block. To solve this you can change it to:

   #sidebar{
   width:260px;
   overflow: hidden;
   margin-right:50px;
   position:relative;
   float:left;
   background:#F4F3F4;
   padding: 0 10px;
   }

   This will add a padding to both your left and right side of your sidebar, so the text wont "stick" to the sides.

   If the gray I picked isn't your preferred gray you can always choose a different Hex Color instead of F4F3F4.

   Posted 1 year ago #
6. 

   rafizzz
   Member

   Thanks Chris!

   Your support is very professional!

   I've changed the background color as you said - you can see it here: http://www.affiliaxe.com/about-us
   but i have few problems i need to solve:

   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?

   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.
   see here: http://www.affiliaxe.com/advertisers
   how can I make it go all the way down until it touches the black footer?

   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?

   Thanks!

   Posted 1 year ago #
7. 

   Chris Beard
   

   Hey, happy to help =]

   1&2) To make the gray bar "hit the top" you can open style.css and change the following:

   #head{ .. } to

   #head {
       height: 107px;
       position: relative;
       z-index: 5;
   }

   Remove the following from #mani{ ...}: padding-top: 40px;

   Add the following to #content{ ... } :
   margin-top: 40px;

   If you want your content to be a little higher or lower you can play around with those 40px.

   These steps seem to suffice for what you're trying to achieve.

   3) You can open style.css and find #sidebar{ }, here you can adjust the padding & width accordingly. When you increase your padding by 5 your width should decrease by 5.

   example:
   #sidebar{padding:10px 5px}
   This means a padding of 10px for top and 10px for bottom (so width decreases by 20) and 5px for left & right. If you put 4 values it is Top Right Bottom Left.

   I hope this suffices.

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.