I am using JFBConnect integrated with EasySocial.
I have 6 social icons installed but the default alignment is outside the div.jfbconnect-wrapper (539px x 32px) and to the left hand edge of the div.row block (569px x 32px)
I would like to move all the icons to the right, what code block do I use?
I tried adjusting the margin left in this code from the default -15px but it moved all the EasySocial items as well:
body div#fd .row {
margin-left: -15px;
margin-right: -15px;
}
The code below only affects the icons but creates/adjusts a left margin between all the blocks (I only wish to adjust the left margin beside the first icon):
.sourcecoast .pull-left {
margin-left: 5px;
}
The aim is to move all the icons under the text in the middle. I assume I need to use margin-left within a more focused code block but cannot get the right combination, any advice appreciated.