New Landing How can we help? Themeforest Theme Support Flexform Center social icons with shortcode

Viewing 6 posts - 1 through 6 (of 6 total)
  • Posted in: Flexform
  • #5189
    rochando
    Member
    Post count: 3

    Hello

    I am trying to include social icons in a text block. I go to “swift framework shortcodes” and choose the “social” one.

    Then appears “[social size=”standard” style=”colour”]” in the box, and I put it centered, but, even when the html code is saying “<p style=”text-align: center;”>[social size=”standard” style=”colour”]</p>” is always left aligned…

    As you can see, I don’t know too much about html and webpages, maybe it is my fault…

    Thank you in advance!

    #5409
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi there,

    You’d need to do something like this:

    <p class="social-centered">[social size="standard" style="colour"]</p>
    
    

    Then add the following the the custom css box within theme options:

    .social-centered ul.social-icons {
    text-align: center;
    }
    .social-centered ul.social-icons li {
    float: none;
    display: inline-block;
    }
    

    – Ed

    #8430
    jazeppi
    Member
    Post count: 32

    Hi Ed,

    I am also trying to center these social icons in the footer widget. I have a single footer widget box at the bottom of the site. I have followed these instructions, but it still does not work. Any solutions would be greatly appreciated.

    Thanks ๐Ÿ™‚
    jazeppi

    #8551
    Cosmin – SUPPORT
    Member
    Post count: 3851

    The guide above won’t work within the footer.

    If you have the social icons in your footer widget, please link to your site and I’ll help out.

    Regards,
    โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”

    Cosmin – Support

    #19745
    aaustin69
    Member
    Post count: 115
    This reply has been marked as private.
    #19977
    Cosmin – SUPPORT
    Member
    Post count: 3851

    Hi Alan,

    You have the icons in the left widget, so it’s only possible to center them within that widget.

    Custom CSS:

    #footer-widgets .social-icons {
        display: table;
        margin: 0 auto;
    }

    Note: private-replying on someone else’s post will make your reply visible to the original poster, so I’ve removed your site’s URL, just in case… ๐Ÿ™‚

    Regards,

    โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”

    Cosmin
    Support Assistant

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

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register