HomeBreadcrumb ArrowModulesBreadcrumb ArrowOpenCartBreadcrumb ArrowSocial Media BundleBreadcrumb ArrowAligning social icons in one r...
Thread Solved

Aligning social icons in one row

This discussion has been marked as solved
User Image
Charlie member
#1 posted on 2/6/13

Hey great extension! I do have one issue I was hoping you could help me out with. Currently the Facebook, Twitter and Google social login buttons are stacked on top of each other (http://imgur.com/YO1R90l)  and I would like them to be all be aligned in the same row. If you could help me out I'd appreciate it thanks. 

0
User Image
Nikola Hristov member
#2 posted on 3/6/13

Hello Charlie,

In order to place the buttons next to each other, you will need to add the below CSS code into one of the Custom CSS boxes in the modules admin settings. You can navigate to the settings by going into the OpenCart Admin -> Extensions -> Modules -> FacebookLogin (anyone of the modules that has a Custom CSS box) [ edit ] -> Facebook Settings [ tab ] -> Custom CSS. Paste this code after the first line in the box:

.login-content .twitterButton,
.login-content .googleButton,
.login-content .facebookButton {
    display:inline-block;
}

Hope this helps.

0