How to add "Share:" before social buttons on footer

Support
#1

Hello,

Is there a way to add the words “Share:” before the social buttons in the footer? Kind of like I have my top bar set up?

Thanks
David

#2

Hi David,

It could be done with the custom CSS, please add the following CSS under Theme Options > CSS:

.x-colophon.bottom .x-social-global a:first-child::before {
    content: 'Follow: ';
    position: absolute;
    left: -80px;
}
.x-colophon.bottom .x-social-global a:first-child {
    position: relative;
}

Hope it helps :slight_smile:

#3

Thank you sir.

#4

You’re most welcome, David.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.

#6

Hi David,

To achieve that, please replace the css code provided by my colleague with this

.x-colophon.bottom .x-social-global::before {
    font-size: 20px;
    display: block;
    content: 'Follow:';
}

Hope this helps