Author RajratnaS1
2017
5
Premium
Rank 879

In this tutorial I’m going to show you how to customize the Footer Widget area using simple CSS code. Which will increase the user experience and gives a professional look to your website as well.

So if you want to add the Social Media Icon then you have to download a plugin called “ Social media Feather” and you can check this link for more details about this plugin.

https://my.wealthyaffiliate.com/training/social-media-feathe...

Secondly, if you want to add a background image then you download any image that you like and resize it to 1920px x 600px in Canva.

In the video training I have shown how to add this background image and the CSS code for this is:

.site-footer (*your css class) {

background: url (wp-content/uploads/2018/10/Footer-Background-min.jpg (*your image URL) ) center repeat;

border-top: 1px solid #616161;

}

*Note: The footer CSS class and background image URL may vary from theme to theme. So please beware of this.

For any doubt or question please ask in the comment box. Much appreciated for your like and any comments in advance.

Join the Discussion
Write something…
Recent messages
WachiraJ Premium
Thank you Raj,
your article was useful and gave me some ideas
Regards
Reply
Fleeky Premium Plus
Wonderdul and useful
Thank you
🙏🏻
Reply
RajratnaS1 Premium
You're welcome!
Reply
Top