Social icons do not line up correctly at end of article

I used the social api section of the template configuration. They display at the bottom of each article as expected but the alignment is always wrong. The facebook like button is always lower than the rest of the buttons. I also noticed that the Pintrest button is lower than teh google buttons.

The link below shows a sample page. Look at the bottom of the article and you will notice that the buttons do not line up horizontally.

I suggestions on correcting this would be greatly appreciated.


http://www.riverfest.vicksburgms.gov/in ... directions

Please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all

.fb_iframe_widget { top: -17px; }
a.PIN_1392199102366_pin_it_button_en_20_gray { top: -5px }


and then just remember to enable "Use override CSS" option in template advanced settings tab.

Awesome. Thanks for the code. The only one that is still a little out is pintrest and I may remove it anyway.

Please try to change value for PIN button because this may depend on browser you use. You can change this top value to one more or less pixel :

Code: Select all

a.PIN_1392199102366_pin_it_button_en_20_gray { top: -5px }