Adding Social network icons

The easiest way to do that will be to just replace the existing icons with yours — but you will have to use the same name and put them in the same file — right now this is the file path to the flicker icon:

<img src="https://foodopera.com/wp-content/themes/mantra/images/socials/Flickr.png" alt="Flickr">

So name your image the same and use FTP to upload to that file (it will replace the old one — so make a back-up copy of the existing one in case you have trouble with it)

If you need to fuss with the CSS for them, this is the code to copy to your custom CSS and make changes accordingly:

.socials {
    float: right;
    margin-right: 10px;
    min-height: 20px;
    overflow: hidden;
    padding-left: 10px;
    padding-top: 5px;
    position: relative;
}

Hi WPYogi,

I have uploaded two files to ftp (Cyberduck) as a test and I simply said YES to overwrite the images as they had the same names.

facebook.png
flickr.png

However they did not change on the blog https://www.foodopera.com

any clues?

I tried uploading different sizes but the new icons aren’t showing –

Thanks Ingrid

btw the css for the socials worked – moved them to be inline with the rest of the column – so thank you!