I have a few questions regarding the social network icons on my site:
1) I am looking to make the size of the social network icons in my header a little bit larger. I would also like to change the color of the hover.
2) I would like to change the color of the social network icons in the full-screen menu. Instead of the black background, I would like to have them match my other ones : #b87332.
.fullscreen-menu.menu-skin-light .fullscreen-menu-footer .social-networks li a, .fullscreen-menu.menu-skin-light .search-form label i, .fullscreen-menu.menu-skin-light nav .menu>ul>li>a:after, .fullscreen-menu.menu-skin-light nav ul.menu>li>a:after {
background-color: #b87332;
}
Hi,
I have a few questions regarding the social network icons on my site:
1) I am looking to make the size of the social network icons in my header a little bit larger. I would also like to change the color of the hover.
2) I would like to change the color of the social network icons in the full-screen menu. Instead of the black background, I would like to have them match my other ones : #b87332.
Thanks!
Hi Michael,
1— You can add this CSS code below to your Custom CSS area:
.fab { font-size: 22px; }2— Add this CSS code to your Custom CSS area:
.fullscreen-menu.menu-skin-light .fullscreen-menu-footer .social-networks li a, .fullscreen-menu.menu-skin-light .search-form label i, .fullscreen-menu.menu-skin-light nav .menu>ul>li>a:after, .fullscreen-menu.menu-skin-light nav ul.menu>li>a:after { background-color: #b87332; }Have a nice day!