WordPress.org

Ready to get started?Download WordPress

Forums

Social Author Bio
[resolved] Adding a space below the Social Author Bio box (12 posts)

  1. corpomax
    Member
    Posted 1 year ago #

    Outstanding plugin. Congrats!

    My main theme is Twenty Twelve (and, of course, I created a child theme).

    I decided not to put any social media icon into the author box. Also, I am using AddThis. The sharing icons are displayed right below the author box:
    http://puu.sh/2qH7R

    In some browsers, these icons are displayed on the right side of the box:
    http://puu.sh/2qHpg

    Is there any way I can add a
    somewhere in the plugin code (or anywhere else), in order to add a line between the bottom of the author box and the sharing icons, for them to always appear under the box, not on the side? If so, where?

    Thanks for your help.

    http://wordpress.org/extend/plugins/social-autho-bio/

  2. Zoe Rooney
    Member
    Posted 1 year ago #

    Can you link to the live site? You can probably fix this with CSS but it would be helpful to see the actual code via the live site.

  3. corpomax
    Member
    Posted 1 year ago #

    The blog (which should be live -with posts- on Monday) is:
    http://www.corpomax.com/blog

    Here is a page which is currently live:
    http://www.corpomax.com/blog/autopsie-injustice-bancaire/

    Thank you for your help!!!

  4. Zoe Rooney
    Member
    Posted 1 year ago #

    So there are a couple things I'd suggest with this:

    1. To get rid of the problem you posted about, you can add a line of CSS overriding the float:left; on the author bio box. Something like:

    #author-bio-box {
    float: none;
    }

    Or if that doesn't work you may have to add do it as float: none !important;

    2. Your bio box also is a fixed width, which means that when the rest of the post column gets narrower at smaller sizes, it sticks out. You can fix that by using:

    #author-bio-box {
    float: none;
    width: 100%;
    }

    The horizontal line will still be too wide - if you're really never going to use the author social media stuff, you can hide that with:

    .bio-socials {
    display: none;
    }
  5. corpomax
    Member
    Posted 1 year ago #

    Zoe, you are a star. Thank you so much!!!

    I took your 2nd suggestion and the outcome is exactly what I needed.

    Best,

    Vincent

  6. Nick Powers
    Member
    Plugin Author

    Posted 1 year ago #

    Zoe,

    Thanks for knocking that out of the park!

    Nick

  7. Robert
    Member
    Posted 1 year ago #

    I have a similar issue, though maybe not precisely the same. (Let me know if you prefer I start a new thread.) I also would like to create some white space below the bio box and the next item, which in my case is an ad block. I don't have an issue with the ad block displaying on the right side of the box like Vincent, but I do have the problem with there being no space between the two items. Are one of Zoe's fixes right for my case or is it something else? (Or do you think it's an issue with the plugin creating the ad block?)

    You can see an example at the bottom of this post: http://moocnewsandreviews.com/talking-out-both-sides-of-our-mouths-on-course-quality/

    Thanks,

    Robert

  8. Nick Powers
    Member
    Plugin Author

    Posted 1 year ago #

    Robert,

    Playing around with inspect element on that page I think you can resolve your issue by removing the float: left; from the #author-bio-box section of the style.

    Give that a try and let me know if it works for you.

    Nick

  9. Robert
    Member
    Posted 1 year ago #

    Thanks for the help, Nick. I might need it spelled out for me a little bit more. I should be in the edit window for the Social Author Bio plug in? When I Control F in there, I find 3 sections of code with #author-bio-box.

    Each of them has this line of code below:
    "\t".'float:left;'."\n".

    Do I remove the whole line or only part of it?

    Or should I be in the theme's CSS somewhere?

    -Robert

  10. Robert
    Member
    Posted 1 year ago #

    Got it! Sorry. I didn't see the "advanced HTML" screen before. And that fixed it, too. Thanks very much.

    -Robert

  11. Nick Powers
    Member
    Plugin Author

    Posted 1 year ago #

    Hard for me to be specific as I currently am running the dev version of the plugin, the future next version and it's admin interface has changed quite a bit.

    So, this may be off a bit...

    go into your dashboard
    go to social author bio then HTML/STYLE section
    go to the Edit Style for Social Author Bio area
    Look for the section that starts with #author-bio-box and is closed by }
    Inside there look for float: left; and remove it.
    Keep track of where it was in case you need to replace it.
    Make sure to click Save Changes

    :)

    Nick

  12. Nick Powers
    Member
    Plugin Author

    Posted 1 year ago #

    whooo hoo, another satisfied customer ;)

    LOL!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.