Social Media Icons

karenthorburn · Member · Jul 19, 2016 at 2:44 pm
Copy link

Add topic to favorites
Hi there. Please scroll to the foot of my blog – https://blog.karenthorburn.com/ – and you’ll see that my social media icons are lost on the left hand side and appear too small. I’d be grateful if you could give me two codes: 1) to move them into the centre; and 2) to adjust the size of them. Many thanks.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jul 19, 2016 at 8:00 pm
Copy link
Hi there, add the following to your custom CSS and see what you think. You can adjust my 40px example size as desired. Originally it was 16px.
```
.site-footer-widgets-wrapper .col-lg-4 {
    width: 100%;
    text-align: center;
}
.site-footer-widgets-wrapper .col-lg-4 a {
    font-size: 40px;
}
#wpcom_social_media_icons_widget-3 {
    margin-bottom: 0;
}
```
If you wish to tighten up the spacing above and below the icons, you can add the following and adjust the first (top) and third (bottom) padding values.
```
.site-footer-widgets-wrapper {
    padding: 50px 0 25px;
}
```
With the above modifications, it means you will not be able to add any other widgets to the footer widget area. If you do at a later point, adjustments to the code would need to be made.
karenthorburn · Member · Jul 19, 2016 at 9:59 pm
Copy link
Brilliant, thank you. That looks much better!
thesacredpath · Member · Jul 20, 2016 at 1:31 am
Copy link
You are welcome.

No items found.