Remove Text from Social Media Button Icons

Solved
Highlighted
Tourist
6 0 2

Hello,

 

I would like to remove the names of the social media pages from the buttons in the footer of my page. Is there a way to remove the text and only keep the icon? Thanks in advance!

 

Site: https://www.suit-of-lights.com/

 

Screen Shot 2020-04-05 at 8.56.12 PM.png

 

1 Like
Highlighted

Success.

Tourist
3 1 0

Hello GIREGGIA,

yes this is possible to remove by going in the theme file of your store 

Actions > Edit Code > Sections > Footer.Liquid > footer_Social_Enable > Remove Name (Facebook, Twitter, Instagram etc)

if you can do it by your self its well and good if not just create my staff account i will fix it for you 

a9608j@gmail.com

 

You are Welcome

0 Likes
Highlighted
Shopify Expert
1381 111 195

Hello, @

Thanks for post.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste bellow code in the bottom of the file
ul.no-bullets.social-icons {
text-align: center;
}

ul.no-bullets.social-icons a {
font-size: 0;
margin: 0 auto;
}

.supports-fontface .icon:before {
font-size: 18px;
}

 

 

if you face any issue feel free to reach out 

0 Likes
Highlighted
Tourist
6 0 2

Great, this worked. Thank you!

1 Like