Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 18, 2019 at 1:52 am #1092216
    darrenwise

    Hi Team,
    I am just wanting to align the social icons and privacy policy to the left as on mobile my facebook messenger covers that side of the socket.
    I’d be happy to just have them show up in the centre which would probably be better.
    My website is http://www.peakpotential.net.au
    Happy for any other suggestion but that seems the simplest option.
    It would be nice to make the social icons a little larger as well.
    Cheers

    • This topic was modified 5 years, 8 months ago by darrenwise.
    April 18, 2019 at 7:40 am #1092305
    Mike

    Hey darrenwise,
    To have your footer social icons float left, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #socket .social_bookmarks {
    float: left !important; 
    margin: 0px !important; 
}

    To have larger icons, please try:

    #socket .social_bookmarks li a {
width: 50px!important; 
line-height: 50px!important; 
min-height: 50px!important; 
font-size: 30px;
}

#socket .social_bookmarks li {
height: 50px!important; 
width: 50px!important; 
}

#socket .social_bookmarks {
    height: 60px!important;
}

    Please adjust to suit.

    Best regards,
    Mike

    April 18, 2019 at 8:07 am #1092325
    darrenwise

    Thanks for that Mike left worked fine.
    If I wanted to float in the centre do I just replace left with centre or center of middle etc?

    April 19, 2019 at 3:21 am #1092538
    Mike

    Hi,
    Glad that helped, to align the icons center, please use this css instead:

    #socket .social_bookmarks {
    float: none !important; 
    margin: auto !important; 
    position: relative;
    display: inline-flex;
    justify-content: center;
    width: 100% !important; 
}

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.