Archived topic
Quick Questions on Generate Press Code (Icons)
3 replies · Started by Marcus on May 29, 2018
Viewing posts 1–4 of 4
Hi there,
I am using the Zeal template, but have difficulty locating the code for:
The social media icons are integrated in the social menu (under CONNECT) - how can I change the colour / hover colour of those? The default is green when hover is active.
Thanks a lot!
Hi Marcus
the color is set in the Customiser > Additional CSS under the /* Foooter */
I have added comments below to highlight.
.widget .social-icon a {
margin: 0;
border-width: 2px;
border-style: solid;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #f1f1f1; /* social icon color */
display: inline-block;
font-weight: 700;
margin-right: 10px;
}
.widget .social-icon a:hover {
color: #09BE9F; /* social icon hover color */
}If you remove both of the color rules then they will inherit the Link colors set in the Customiser
Hi David,
Thank you very much, very helpful indeed!
Marcus
You're welcome Marcus
This archived topic is closed to new replies.
