Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Don't succeed in adding padding to social icons


Question

Posted · Report post

Hi,

On my website (www.janpeeters.nl/welcome) I have at the bottom a row of social icons. I've been trying for an hour now to add more space in between the icons. I've tried adding padding to .icons, to individual icon classes etc etc. I've used Firebug to research it but whatever I try nothing changes. I thought maybe I have custom code that overrules it but deleting various customised classes doesn't give any difference.

So hopefully someone can help me out with how I can add padding in between the icons. Thanks and sorry for asking.

Jan

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

Jan,

What CSS code have you tried?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Catrina,


#morefoot .icons {

position: absolute;

float: right;

height: 20px;

padding-right: 7px;

padding-left: 6px;

}

And the code I use to get the height of the morefooter as small as possible is the following:

.section-morefoot .content-pad,

.section-morefoot .widget-pad {

padding: 0px;

padding-left: 15px;

}

Hope this gives some more info.

Thanks, Jan

Share this post


Link to post
Share on other sites

Posted · Report post

Jan, I found that if you do this....


img {

    border: 0 none;

    height: auto;

    margin-left: 10px;

    margin-right: 10px;

    vertical-align: middle;

}

It adds 10px of margin space to each side. However, it does this for every image, site-wide.

Perhaps if you added #morefoot at the beginning. I just can't be sure.

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Rob, thanks a lot. It gave me the tools to solve it. Jan


#morefoot img {

border: 0 none;

height: auto;

margin-left: 2px;

margin-right: 2px;

vertical-align: middle;

}

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites