Social icons in sidebar

  • Author
    Posts
  • #125215

    missfoodfairy
    Member
    Original poster

    Hi Ellen,

    I’m loving the clean look of Nikau.

    I hope you don’t mind me asking quite a few questions Ellen – which I’ll do in many topics to hopefully help with other people’s questions too.

    How can I make the social icons looks like the social icons from the blog below please? https://nosracinesur4continents.com/

    Thank you

    The blog I need help with is: missfoodfairy.com

    #125422

    ellenbauer
    Theme Author

    Hi there,

    I saw you got the social icons not in the header. Did you manage to add them now or do you mean other social icons?

    The ones in the header are build with a custom menu, see more info here: https://en.support.wordpress.com/menus/

    Best, Ellen

    #125431

    missfoodfairy
    Member
    Original poster

    Sorry for any confusion Ellen,

    The social icons in the sidebar, I’d actually like them to be side by side of each other, as they look in the header. It takes up too much valuable space that I could be putting other information.

    Cheers

    #125461

    ellenbauer
    Theme Author

    Hi there,

    can you please try the following custom CSS:

    . jetpack_widget_social_icons {
    overflow: hidden;
    }
    .jetpack_widget_social_icons ul.size-large a {
        height: 30px;
        width: 30px;
        float: left;
        margin-right: 18px;
    }

    Best, Ellen

    #125474

    missfoodfairy
    Member
    Original poster

    That didn’t work Ellen,

    The social icons, in the sidebar, are still underneath one another. Is there a way to have them beside one another, like in the header & footer please.

    Thanks so much

    #125481

    ellenbauer
    Theme Author

    Hi there,

    can you try the following CSS:

    .sidebar . jetpack_widget_social_icons {
    overflow: hidden;
    }
    .sidebar .jetpack_widget_social_icons a {
        height: 30px;
        width: 30px;
        float: left !important;
        margin-right: 18px;
    }

    Best, Ellen

    #125484

    missfoodfairy
    Member
    Original poster

    Thanks Ellen,

    That’s not working either I’m sorry.

    I know I’m asking for something that’s out of the ordinary but so much space is wasted having the social icons under one another.

    Hope you can help place these icons beside each other.

    Thank you

    #125492

    ellenbauer
    Theme Author

    I just checked and it’s working now. The only thing you would need to add is:

    .widget-area .jetpack_widget_social_icons {
    overflow: hidden !important;
    }

    Best, Ellen

    #125494

    missfoodfairy
    Member
    Original poster

    Looking good Ellen thank you :)

The topic ‘Social icons in sidebar’ is closed to new replies.