WordPress.org

Support

Support » Themes and Templates » Adding Social network icons

Adding Social network icons

  • Hi we are new to WordPress and Mantra and need a bit of help…

    Does anyone have information adding social network icons to Mantra theme that we have changed so there is only ONE column and no side bars? Can we still add widgets?
    Ideally we would like the icons ABOVE the header in the right hand corner and also in the footer ( The theme icons are currently in the footer but we want to change the icons to ones we have selected.)

    Thanks in advance
    Vanessa and Ingrid

    http://foodopera.com/

Viewing 3 replies - 1 through 3 (of 3 total)
  • WPyogi

    @wpyogi

    Forum Moderator

    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="http://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 http://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!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Adding Social network icons’ is closed to new replies.