Celebrating 7 Years! Get up to $30 off GeneratePress Premium!

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

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

Home Forums Support Quick Questions on Generate Press Code (Icons)

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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!

    GeneratePress 2.1.2
    GP Premium 1.6.2
    #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

    #586995
    Marcus

    Hi David,

    Thank you very much, very helpful indeed!

    Marcus

    #587000
    David
    Staff
    Customer Support

    You’re welcome Marcus

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.