Resolved Don't succeed in adding padding to social icons

[janpeeters 31]

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

[catrina 103]

Jan,

What CSS code have you tried?

[janpeeters 31]

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

[Rob 547]

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.

[janpeeters 31]

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;

}

[Danny+ 1,327]

The topic was marked as resolved.