How to change the Social icons size and style in footer

Hi,

I can see the social icons in the footer is added using Shortcode. But how to i customize the style and size using a shortcode?

I want to make the footer social icons colored and medium size.

Hello,

You can configure which icons to show in the Theme Settings > Social profiles.

As soon as you configure give me the details on how to change the social icons.

Best Regards

Social icons are already configured.. I need to know how to make it coloured and make the icon size medium

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.social-icons li.social-facebook a{
color:red;
}
.social-icons li.social-twitter a{
color:red;
}
.social-icons li.social-linkedin a{
color:red;
}
.social-icons li.social-whatsapp a{
color:red;
}
body .social-icons.icons-size-small li i {
    font-size: 20px;
}

Set the color and the size as per your needs.

Best Regards

I want the social icons to look like the Minimalistic theme in Basel.

Attached the screenshot of the footer that i want.

Attachments:

You must be logged in to view attached files.

Hello,

Replace the code with this one:

body .social-icons li a{
color:white;
}
body .social-icons.icons-size-small li i {
    font-size: 20px;
	  height:35px;
	  width:35px;
    border-radius:50%;
		text-align:center;
	  padding:7px;
}
body .social-icons.icons-size-small li.social-facebook i {
background-color:green; 
}
body .social-icons.icons-size-small li.social-twitter i {
background-color:green; 
}
body .social-icons.icons-size-small li.social-linkedin  i {
background-color:green; 
}
body .social-icons.icons-size-small li.social-whatsapp  i {
background-color:green; 
}

Replace green with the colors you need.

Best Regards

[Author]

Posts