WordPress.org

Ready to get started?Download WordPress

Forums

Floating Social Media Icon
[resolved] Left aligning manual placement (19 posts)

  1. Emily
    Member
    Posted 1 year ago #

    Hi,

    I've just added this plugin manually to my left navigation bar. All of my other links are left aligned, and despite my efforts to left align this plugin, it's always centered. I also would like to turn off the line underneath the icons, but I can't figure out how to turn off text decoration just for these links. Can someone help me?

    http://www.oh-i-see.com/blog/

    Thanks,
    Emily

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

  2. Acurax International
    Member
    Plugin Author

    Posted 1 year ago #

    Hello Emily,

    Thanks for using the plugin.

    you can add the following code to the end of your theme's style.css

    #sidebar #short_code_si_icon
    {
    text-align:left;
    }

    which underline are you mentioning? cant find any text decoration underlines..

    Let us know..

  3. Emily
    Member
    Posted 1 year ago #

    Hi,

    That fixed the alignment. Thank you so much!

    On my site, there are dotted lines under each of the menu items in the sidebar. Under my four social media icons, from your plugin, there are dotted lines, which actually overlap a bit because of the closeness of the icons. I'd like to remove that.

    I can see it in both Firefox and Chrome. I'm on a Mac. Here's a screenshot: http://screencast.com/t/1PEYciwC

    Thanks,
    Emily

  4. Acurax International
    Member
    Plugin Author

    Posted 1 year ago #

    Oh Yes, That's happening from your theme,

    lets fix it by adding the below code to the end of your theme's style.css

    #sidebar #short_code_si_icon a {
        border: 0 none !important;
    }

    Send an email to info at acurax dot com for any web related needs.

  5. Emily
    Member
    Posted 1 year ago #

    That fixed it all! Thank you!

  6. Acurax International
    Member
    Plugin Author

    Posted 1 year ago #

    Cool, thanks for being with us.

  7. lydia86
    Member
    Posted 1 year ago #

    Hi there,
    Thanks so much for a great plugin! I am currently having an issue with aligning the icons to the right of my footer. I have manually entered the shortcode to my footer.php file and also added the following code to my css, but the social media icons are still centered in the footer.
    #short_code_si_icon
    {
    text-align:right;
    }
    Any help would be much appreciated. The website is: http://little-luxuries.biz/
    Many thanks,
    Lydia

  8. Acurax International
    Member
    Plugin Author

    Posted 1 year ago #

    Hello Lydia,

    Thanks for being with us and thanks for using the support :)
    Change your style to

    #short_code_si_icon
    {
    text-align: right !important;
    }

    It will fix the issue

    Regards,
    Sam
    [ Signature moderated. ]

  9. lydia86
    Member
    Posted 1 year ago #

    Hi Sam,

    Thank you very much for this, I just updated the code to the one you emailed and it fixed the problem :) I really appreciate your help!

    Thanks so much,
    Lydia

  10. Acurax International
    Member
    Plugin Author

    Posted 1 year ago #

    Cool, Thanks for being with us.

  11. wml
    Member
    Posted 1 year ago #

    Hi. I am having the same problem, except in the body of my theme. I tried both of the above css codes, but neither work -- still centered.

    I'd like to align the social icons left in the body if possible.

    Thanks!

  12. Acurax International
    Member
    Plugin Author

    Posted 1 year ago #

    @wml Please let us know your website url.

  13. wml
    Member
    Posted 1 year ago #

    Here is the under construction Contact Page

    Thanks.

  14. Acurax International
    Member
    Plugin Author

    Posted 1 year ago #

    You can use

    #short_code_si_icon
    {
    text-align: left !important;
    }

    If having trouble, let us know the login at info [at] acurax [dot] com

  15. wml
    Member
    Posted 1 year ago #

    Thanks! Works perfectly.

  16. mlouise
    Member
    Posted 1 year ago #

    Hello,

    Could you possibly help with an alignment issue?

    I also wanted to left justify my social icons under the Info tab in the sidebar. I cut and pasted the code suggested to wml to the end of my stylesheet. The icons show up on some of the pages but not all of them including the homepage. They're also centered instead of left justified and right below Info.

    Thank you so much for the help!
    My website: http://www.griffinmade.com

    Louise

  17. mlouise
    Member
    Posted 1 year ago #

    Hello again,

    Please disregard my previous post. I installed the Acurax Social Media Widget and now they work perfectly! I could put them under my Info tab and left justify them.

    Thank you!

    Louise

  18. nimbustherapy
    Member
    Posted 8 months ago #

    Hello,

    I tried to right justify the icons in the right header of the theme. It does not seem to work.Tried a few codes above in the CSS but without success.

    My website address is here

    Any help regarding this will be very much appreciated.

    Thanks,
    SM

  19. nimbustherapy
    Member
    Posted 8 months ago #

    Hello,
    Please ignore my last email. I tried the following code
    #short_code_si_icon
    {
    text-align: right !important;
    }

    It has resolved the issue.
    Thanks,
    SM

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic