Social Media Icon Customization

  • Author
  • #1405567


    Hi everyone,

    I started with the Adelle theme and have customized it with the CSS upgrade. Is it possible to change the social media (square shaped) icons that default to this theme to my own circle shaped icons that I designed?


    The blog I need help with is


    Hi, Yes you can. You will have to do the below for each social icon and use a specific selector. The following is an example for the Pinterest logo. You would upload your image to your media library, get the URL of that image and then replace URL OF IMAGE between the double quote marks with the URL of your uploaded icon. The text indent moves the text way over out of the theme, but leaves the background image (icon) clickable.

    #social-networks .pinterest-link a {
    background: url("URL OF IMAGE") no-repeat scroll center center transparent;
    text-indent: -9999px;


    Great!! Thank you so much for your help. I appreciate it.


    You are welcome.

The topic ‘Social Media Icon Customization’ is closed to new replies.