Docs

[meriland]

Hi Themeco,

how can I use the Social Media Icons of the Integrity stack in Renew.
Thank you for your help.

[Rahul]

Hey There,

Thanks for writing in!

Kindly use the following CSS under Custom > CSS in the Customizer to have Renew Stack like social icon on Integrity:

.x-social-global a:hover.facebook {
    background-color: #3b5998;
}

.x-colophon.bottom .x-social-global a {
    margin: 0 1.25%;    width: 54px;    height: 54px;    font-size: 21px;    line-height: 54px;
}

[class*="x-icon-"] {
    display: inline-block;    font-family: "FontAwesome";    font-style: normal;    font-weight: normal;    text-decoration: inherit;    text-rendering: auto;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;
}

.x-colophon.bottom, .x-colophon.bottom a, .x-colophon.bottom .x-social-global a {
    color: #ffffff;
}

.x-social-global a {
    display: inline-block;    text-align: center;    color: #fff;    background-color: rgba(255,255,255,0.2);    border-radius: 100em;
}

.x-social-global a:hover.twitter {
    background-color: #00abf0;
}

.x-social-global a {
    color: #EBEBEB;        
    background-color: #44505E;    width: 30px;    height: 30px;    line-height: 30px;    -webkit-border-radius: 30px;    border-radius: 30px;
}

.x-social-global a:hover.google-plus {
    background-color: #d84b35;
}

.x-social-global a:hover.linkedin {
    background-color: #0177B5;
}

.x-social-global a:hover.pinterest {
    background-color: #BD081C;
}

.x-social-global a:hover.dribbble {
    background-color: #F26798;
}

.x-social-global a:hover.rss {
    background-color: #F67D24;
}

Hope that helps.

Thanks.

[Author]

Posts