Aligning Icons better and general CSS tweaks

Hi there,

Loving the new pay with a like plugin, the timing couldn't be better. It's just what I needed.

Please could you help me with the necessary CSS tweaks to line up the social icons better. Please excuse my lack of CSS experience, I just can't seem to get my head around this bit.

Example page currently set up here:

http://musodatabase.com/comp/win-a-custom-ad-snare-drum/

I can see the following using firebug:

.post ul, .comment-content ul {
list-style-type: disc;
padding: 10px 0px 10px 20px;

..and it seems to display a little better if 20 is reduced to 0. However, even then, the middle icon is slightly out of line. I assume it's due to the smaller facebook icon (which I aIso assume can't be changed to the same size as the others).

If I could just move the linkedin icon a little to the left (following the above adjustment) that would probably do it.

How do I remove the 20px padding for PWAL alone? (nothing else)

Also, how can I budge the middle icon to the left a bit?

Dave

  • Arun Basil Lal
    • New Recruit

    Hey Dave,

    Try what @pcwriter suggested, that looks like it will work.

    I have something for you as well, just in case:

    .pwal_list_item_3 {
    margin-left: -10px !important;
    padding-right: 10px !important;
    }
    
    .pwal_button pwal_linkedin_button {
    margin-left: -10px !important;
    }

    Add one of these to your stylesheet and you should be good. Let us know :slight_smile:

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.