Adding a space below the Social Author Bio box

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.

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

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

Thank you for your help!!!

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;
}

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

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

Best,

Vincent

Zoe,

Thanks for knocking that out of the park!

Nick

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: https://moocnewsandreviews.com/talking-out-both-sides-of-our-mouths-on-course-quality/

Thanks,

Robert

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

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

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

-Robert

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

whooo hoo, another satisfied customer ??

LOL!