Social Media Icon Customization

  • Author
    Posts
  • #1405567

    hayl223
    Member

    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?

    Thanks!

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

    #1405805

    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;
    }
    #1405808

    hayl223
    Member

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

    #1405809

    You are welcome.

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