queue  13
support
Results 1 to 3 of 3

Thread: [SOLVED] Brandspace - Support for Instagram

  1. #1
    Junior Member
    Join Date
    Dec 2016
    Posts
    10

    Brandspace - Support for Instagram

    On the footer within the Template, on the Footer, there is the option to add your Social Media links. We have added Facebook, LinkedIn and Instagram. It appears, however, that Instagram is not a supported social media, as it does not display any logo on our footer. It is there and clickable, but no icon/logo. Is there any fix for this?

    http://studioarchitects.us/

    Wondering if there is a simple fix for this or if I may have to go another route like utilizing a Widget or something. Thanks!

  2. #2
    Administrator Donagh's Avatar
    Join Date
    Aug 2011
    Posts
    1,798
    Hi,

    You could make or find an instagram icon that's 26x26px (circle) in grey and white, plus another version in color (for hover state) and use this CSS to add it to that spot: (upload both icons to the WP media library, then copy their full paths for use in the snippet below)

    Code:
    .sm-icon.sm-icon-instagram{
    background: url("path/to/icon.png") no-repeat 0 0;
    }
    /* for the hover state you need a separate icon*/
    .sm-icon.sm-icon-instagram:hover{
    background: url("path/to/icon_hover.png") no-repeat 0 0;
    }

  3. #3
    Junior Member
    Join Date
    Dec 2016
    Posts
    10
    Quote Originally Posted by Donagh View Post
    Hi,

    You could make or find an instagram icon that's 26x26px (circle) in grey and white, plus another version in color (for hover state) and use this CSS to add it to that spot: (upload both icons to the WP media library, then copy their full paths for use in the snippet below)

    Code:
    .sm-icon.sm-icon-instagram{
    background: url("path/to/icon.png") no-repeat 0 0;
    }
    /* for the hover state you need a separate icon*/
    .sm-icon.sm-icon-instagram:hover{
    background: url("path/to/icon_hover.png") no-repeat 0 0;
    }
    Thanks! Worked great!