add socials under logo on footer

giannisth · July 2021

hi, i am trying to create this https://i.imgur.com/AypfU4e.png but with no result, via widgets. how please can i do it and also how can i set the logo to be on the center of the column?

thank you

Phil · July 2021

Hello,

For the logo, you can use the image widget aligned to the center:

And for the social icons, you can use the Custom HTML widget and put the HTML tags for your icons. You can see an example below the logo image on my screenshot.

Thanks

giannisth · July 2021

great,i'm almost there. https://i.imgur.com/T0EJnqF.png

please, how do i create spaces between the social icons and how do i decrease size?

https://i.imgur.com/ctkJQHx.png

thank you

Phil · July 2021

If you use the <img> tag, you should use height and width attributes instead of a font-size attribute.

So if you want to decrease it, you should use, for example, width: 10px; height: 10px;.

Thanks

giannisth · July 2021

hi,

i applied these changes https://i.imgur.com/85QLE2O.png but now not only it is smaller but they are vertically https://i.imgur.com/zBLZt5H.png?

how please can i make them smaller, horisontal and with space between them?

thank you

Phil · July 2021

These attributes should be added as inline styles.

It should look like this:

<img src="img_link" style="width: 10px; height: 10px;" />

Thanks

giannisth · August 2021

hi, again, how please can i :

make the social buttons be in same line and not vertical
make copyright on centre?
make footer buttons of menus same colour as background?
https://i.imgur.com/JajCwO5.png
thank you

Phil · August 2021

1) After every social button, you have <br> tag. When you remove them, then the icons will be in the same line.

2) Did you handle it? Because I can see that your copyright is already on the center.

3) Please use the following code:

#Footer .widget_mfn_menu ul li a{
   background: transparent!important;
}

Thanks

add socials under logo on footer

Comments