The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

Adding Social network icons (4 posts)

  1. foodopera
    Posted 3 years ago #

    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


  2. WPyogi
    Forum Moderator
    Posted 3 years ago #

    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;
  3. foodopera
    Posted 3 years ago #

    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.


    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

  4. foodopera
    Posted 3 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic