I don't see anywhere I can make the social icons larger. I want to increase their size.
I also don't see how to change the format of the social icon being used on the full background menu. It is not the same as the one I am using on the footer.
I either want to use a larger version of the icons with the coloroed background or the version I attached below. I can't find the shortcode for the version in the attached image.
Can you please add the code below to your Custom CSS area:
.fullscreen-menu .fullscreen-menu-footer .social-networks li a i {
font-size: 18px;
}
.fullscreen-menu .fullscreen-menu-footer .social-networks li a {
width: 33px;
height: 33px;
}
The other is how do I get the icon on the regular footer of the site to show up like the attached image in my first post. There is no shortcode for it. I want to use the icon and the word with a colored background.
I'm not talking about the fullscreen menu. I am talking about the regular footer. I would like to use the icon that is currently there but also has the Instagram logo like in the image I attached from your demo site.
I don't see anywhere I can make the social icons larger. I want to increase their size.
I also don't see how to change the format of the social icon being used on the full background menu. It is not the same as the one I am using on the footer.
I either want to use a larger version of the icons with the coloroed background or the version I attached below. I can't find the shortcode for the version in the attached image.
Hi vaughanmatt,
Can you please add the code below to your Custom CSS area:
.fullscreen-menu .fullscreen-menu-footer .social-networks li a i { font-size: 18px; } .fullscreen-menu .fullscreen-menu-footer .social-networks li a { width: 33px; height: 33px; }Have a nice day!
Great. That answers one of my questions - thanks.
The other is how do I get the icon on the regular footer of the site to show up like the attached image in my first post. There is no shortcode for it. I want to use the icon and the word with a colored background.
Hi vaughanmatt,
You can't use other social icons design variants on the Fullscreen menu. We will check if we can offer an option like this in the future updates.
They are available on some areas only (read more).
Thanks!
I'm not talking about the fullscreen menu. I am talking about the regular footer. I would like to use the icon that is currently there but also has the Instagram logo like in the image I attached from your demo site.
Hi vaughanmatt,
Can you please add the code below to your Custom CSS area:
ul.social-networks.textual.colored-bg>li a i { display: block; } ul.social-networks.textual.colored-bg>li a i { margin-right: 10px; }Have a nice day!