[Support request] Quick Questions on Generate Press Code (Icons)

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 3 replies, 2 voices, and was last updated 5 years, 11 months ago by David.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
May 29, 2018 at 1:07 am #586812

Marcus

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!

May 29, 2018 at 4:54 am #586928
David
Staff
Customer Support
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
May 29, 2018 at 6:25 am #586995

Marcus

Hi David,

Thank you very much, very helpful indeed!

Marcus

May 29, 2018 at 6:30 am #587000

David
Staff
Customer Support

You’re welcome Marcus
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.