CSS to center Facebook/Twitter in footer

davidmcgowan · Member · Feb 13, 2016 at 1:53 pm
Copy link

Add topic to favorites
Hi experts!

I’ve got a Facebook and Twitter option in my footer widget (Responsive theme) at davidmcgowanauthor.com, and I would ideally like them to be centered like the text is. Is this possible via CSS customization? I’ve Googled around the topic, but can’t seem to get anything to work (I have probably got lots of redundant CSS customization from my fiddling to date!).

Many thanks in advance for helping a clueless idiot!
David

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Feb 13, 2016 at 8:01 pm
Copy link
Because the code for the FB and Twitter widgets comes in from them, we typically don’t have much control over it. In this case though, we can set a maximum width for the two of them and then use “auto” for the left and right margins to get them centered.
```
.widget_facebook_likebox, .widget_twitter_timeline {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}
```
davidmcgowan · Member · Feb 14, 2016 at 8:07 am
Copy link
Many thanks for taking the time to help, TSP!

Much appreciated! :)
thesacredpath · Member · Feb 14, 2016 at 8:39 am
Copy link
You are welcome.

No items found.