Centering social icons in footer

Sparkling
1

Hi there,
Could you please tell me how I can center the social icons in the footer?
My website is https://berenicemerle.com

I tried this CSS code but it doesnt work
#secondary .widget .social-icons {
text-align: center;
}

Also once I center the social icons, how can I bring text (left and right of them in the footer) onto one line with the social icons?
Plus the footer always seems to have 3 areas (widgets) how could I change that to only two for example?

Lastly is there a place to understand how to write CSS code better? Right I need to google everything which I figure actually takes more time in the long run. CSS required seems specific to each theme, so what you advise me? First do a crash course in general CSS then learn specifics for a theme?

Many thanks
Berenice

2

Hi Berenice

Try this css code:

.sparkling-social #menu-social {
text-align: center !important;
}

3

Yes amazing thank you very much.
Now is there a way to put the text on left and right of the icons in the footer) on the same level? I know I could cheat by using images instead of text and fiddling around with the size of the image until they are more or less aligned with social icons but hopefully there is a better way to do this?

Thanks again

4

Hi

Try this css code:

div#sparkling-social-2 h3.widgettitle {
display: none;
}

.footer-widget-area .widget {
margin-bottom: 0px;
line-height: 86px;
}

it should work :slight_smile: