WordPress.org

Ready to get started?Download WordPress

Forums

Floating Social Media Icon
[resolved] Social Icons appear vertically not horizontally (13 posts)

  1. latifolia
    Member
    Posted 2 years ago #

    In this site (http://www.celebes-eye-center.com) at first page (HOME) we use floating social icons by widgets (set to manual not automatic) on top right below slider area. The result is the icons added by widgets appear vertically not horizontally, this eat up so much spaces and looking weird for site visitors. Please kindly help.

    http://wordpress.org/extend/plugins/floating-social-media-icon/

  2. Acurax International
    Member
    Plugin Author

    Posted 2 years ago #

    Hello Latifolia.
    You can fix this issue by adding the following lines to the end of your style.css file in Appearance >> Editor

    .acx-social-icons-desc {
        display: inline-block;
    }
    .acx-social-icons-desc img {
        float: left;
    }
  3. latifolia
    Member
    Posted 2 years ago #

    Awesome ! :). If you see down there, I put credit for your hard work !

  4. Acurax International
    Member
    Plugin Author

    Posted 2 years ago #

    yes that's great... Now you can mark this as solved right?
    thanks for using the plugin.. good day for you.

  5. Oscuelar
    Member
    Posted 1 year ago #

    Hi.
    Do you know how can I put these icons into a vertical position??

  6. Acurax International
    Member
    Plugin Author

    Posted 1 year ago #

    Whats your website url @Oscuelar
    Let us know and so we can see which widget or placement you selected, thus we can provide css adjustment code to make it align vertical.

  7. Oscuelar
    Member
    Posted 1 year ago #

    Whats your website url @Oscuelar
    Let us know and so we can see which widget or placement you selected, thus we can provide css adjustment code to make it align vertical.

    Hello!
    http://www.viajology.com

    thank you!!

  8. Acurax International
    Member
    Plugin Author

    Posted 1 year ago #

    Try adding the following code to end of your theme style.css
    Appearance >> Editor

    #divBottomRight {
        min-width: 10px !important;
        width: 35px;
    }
    #divBottomRight img {
    float:left;
    }
  9. iwillaremedy
    Member
    Posted 1 year ago #

    I copied both codes mentioned above into my style.css however the icons still show vertical. Is there something else that I have to do for these to show horizontal?

  10. Acurax International
    Member
    Plugin Author

    Posted 1 year ago #

    @iwillaremedy it differ according to site. please let us know your website url and we will give you the proper code.

  11. iwillaremedy
    Member
    Posted 1 year ago #

    Thank you for your quick reply. My site is in maintenance mode right now. I can take it out if you will be looking at it now. It is not complete so I don't want to leave it public for too long.

    Thanks!

  12. Acurax International
    Member
    Plugin Author

    Posted 1 year ago #

    Then please go to clients.acurax.com and register an account and open a support ticket. it will not be public.

  13. iwillaremedy
    Member
    Posted 1 year ago #

    Thank you. I just opened a ticket.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic