placement of image replacing branches

Home Forums Automattic Flora and Fauna placement of image replacing branches

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #110123 Resolve

    kk

    Hi – I saw the post about removing the branches and adding your own image by using the image widget. When I tried this the image was placed below the twitter, facebook etc. icons. Is there a way to put the image in the same place as the branches? (Above the social media icons?)

    Thanks!

    The blog I need help with is kristinkellnermusic.wordpress.com
    #146642

    Kathryn P.
    Happiness Engineer

    In this theme, sidebar widgets are added below the built-in social-media icons.

    As a workaround, you could place your social-media icons manually in a text widget and then add your new image widget below that.

    This is the code you could try pasting in the text widget:

    <div class="social-networks">
    <a class="facebook-link" href="http://sfsdf" title="Facebook"><span class="genericon genericon-facebook"></span><span class="screen-reader-text">Facebook</span></a>
    <a class="pinterest-link" href="http://sdfsd" title="Pinterest"><span class="genericon genericon-pinterest"></span><span class="screen-reader-text">Pinterest</span></a>
    <a class="twitter-link" href="http://sdfsdf" title="Twitter"><span class="genericon genericon-twitter"></span><span class="screen-reader-text">Twitter</span></a>
    </div>

    You’d also need to add this CSS in the theme customizer, under Appearance > Customize > CSS:

    .social-networks .genericon {
    display: inline-block;
    width: 34px;
    height: 34px;
    -webkit-font-smoothing: antialiased;
    font-size: 34px;
    line-height: 1;
    font-family: 'Genericons';
    text-decoration: inherit;
    font-weight: normal;
    font-style: normal;
    vertical-align: top;
    color: #fff;
    float: left;
    }

    .genericon-facebook:before {
    content: 'f204';
    }

    .genericon-pinterest:before {
    content: 'f209';
    }

    .genericon-twitter:before {
    content: 'f202';
    }

    Let me know how it goes.

    #146663

    kk

    Thanks. I will give it a try and see how it goes. It may be a couple of days before I try it.

    #146675

    kk

    I had time to try it and it works. Thanks!

    #146708

    Kathryn P.
    Happiness Engineer

    Lovely – looks good and the hearts are super cute!

    I’m marking this thread as resolved and closing it, but feel free to start a new one if you need help with anything else.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘placement of image replacing branches’ is closed to new replies.