Social media

  • Author
    Posts
  • #3087410

    I’m having trouble getting the logo P for Pinterest as well as the one for Etsy on my social media menu on the bottom of my page. I’ve taken the links directly from the sites and I can’t get them to work. I keep changing them to see if maybe it’s something I’m missing but I don’t think I am. Can someone give me some tips?

    The blog I need help with is thecolourpolkadot.wordpress.com.

    #3087538

    Hi there,

    The icons in the Social Links menu are automatically generated from the URLs that you put in, but sometimes you need to modify the URLs a bit for them to work. For example, the pinterest URL you have entered has a domain extension (.pt) that isn’t recognised. If you change your pinterest URL to .com (so https://www.pinterest.com/thecolourpolkad ), the icon should change.

    It looks like your theme, Sela, doesn’t support the Etsy icon. You will see on the theme’s documentation page – under Social Icons – that Etsy isn’t mentioned.

    I hope this helps?

    #3087539

    Sorry, that should read ‘under Social Links’ on the Sela documentation page, not Social Icons.

    #3087542

    Yessss it worked. Thank you so much. Do you know how I should fix the link for etsy? I checked the list and it should support Etsy.
    https://www.etsy.com/ca/shop/Thecolourpolkadot?ref=shop_sugg

    Maybe I’m adding in too much information again

    #3087543

    Yessss it worked. Thank you so much. Do you know how I should fix the link for etsy? I checked the list and it should support Etsy.
    https://www.etsy.com/ca/shop/Thecolourpolkadot?ref=shop_sugg

    Maybe I’m adding in too much information again

    #3087623

    The Sela theme documentation page (https://wordpress.com/theme/sela/) does not show Etsy in it’s list of Social Links. Many other themes will support the Etsy icon though, just not Sela.

    If you are on a WordPress Premium or Business plan you would have access to the Custom CSS editor. Using this, you could add some CSS to change the image if you can find a suitable image for the Etsy logo (white logo on a transparent background, ideally around 16px width and height). I found one which isn’t ideal as it has some black in it, but it provides an example of what you could do. You would replace the URL in the code below if you find a better option. This is the code that would go in your Custom CSS editor:

    .social-links ul a[href*='etsy.com']:before {
    background-image: url('https://www.shareicon.net/data/16x16/2016/10/18/844352_etsy-icon_512x512.png');
    }

    An easier option if you really want the Etsy logo to display would be to change theme to one that supports the Etsy icon – generally this is the newer themes.

    I hope this helps!

    #3087624

    Looks like I pasted the wrong CSS above, you would use the following code instead (using an example Etsy logo image), if you have access the Custom CSS editor:

    .social-links ul a[href*='etsy.com']:before {
    content: url('https://www.shareicon.net/data/16x16/2016/10/18/844352_etsy-icon_512x512.png');
    }

    Hope this helps.

The topic ‘Social media’ is closed to new replies.