Make social icons use full width of sidebar


#1

Dear support,

I have social icons in my sidebar, and want them to use the whole width of the sidebar (so that the right side of the pinterest button is in line with the red/orange block beneath it, see site: https://howtogetrippedathome.com.)

Have tried everything using padding and margin, but when setting the widget margin for the right side at -10 and adjusting the buttons accordingly, the grey line above the widgets sticks out.

This is my current css concerning the social icon widget, if needed:
.widget_athemes_social_icons {
margin: 0 0 0 0;
}
.widget_athemes_social_icons li a [class^=“ico-”]:before {
width: 65px;
color: #fff;
font-size: 20px;
line-height: 46px;
background: #060608;
}
.widget_athemes_social_icons li a:hover [class^=“ico-”]:before {
background: #ff2828;
}

Thanks in advance for helping.
Maarten


#2

Hi,

Feel free to adjust the value of the margin-right in the following CSS code:
Adjust margin right to all icon

.widget_athemes_social_icons li {
    margin-right: 13px;
}

Remove margin right for the pinterest icon

.widget_athemes_social_icons li:last-child {
    margin-right: 0;
}

#3

Worked like a charm, thank you very much!