WordPress.org

Ready to get started?Download WordPress

Forums

Adding Social network icons (4 posts)

  1. foodopera
    Member
    Posted 1 year 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

    http://foodopera.com/

  2. WPyogi
    Volunteer Moderator
    Posted 1 year 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
    Member
    Posted 1 year 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.

    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

  4. foodopera
    Member
    Posted 1 year 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