[Debbie]

Hi,

I’d like to have a Yelp social button, and since there isn’t one provided, I’m trying to create a custom social icon. But if I use a large-ish one so that it looks clean, it displays it at full size. If I shrink it, it displays it the same size as the provided icons but the top of the box is cut off, and it just looks icky because the resolution is so low.

Please let me know the specifications I should use for my custom icon so that it looks as nice as the provided ones.

Or add yelp to your provided ones. 😀

Thanks!

p.s. the social icons are in the footer widget: https://miboxdallas.com

[Skandha]

@violetde: Please remove the custom social link and the image you have used for the yelp social link.
Go to => Appearance => Customize => Social Links => Social Link => go to the last option Link and insert the link to yelp for which you want the yelp social icon.

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.widget-wrap a[href*="https://www.yelp.com/biz/mi-box-moving-and-mobile-storage-of-dallas-dallas"]::before {
    content:'\f1e9';
}

After the adding the css the social links should appear in the following manner:
https://www.dropbox.com/s/i2huaduqlvg1o8c/Screenshot-2018-3-15%20Support%20%E2%80%93%20Just%20another%20WordPress%20site.png?dl=0

Let me know if this solves your issue.
Regards,
Skandha

[Debbie]

Thank you, that worked beautifully!

I have a related question but will post it separately.

[Skandha]

@violetdeb: Glad it worked out. Have a good day.

Regards,
Skandha

[Author]

Posts