WordPress.org

Ready to get started?Download WordPress

Forums

Social Author Bio
[resolved] Adding a space above and below the box (7 posts)

  1. puda
    Member
    Posted 1 year ago #

    Hey!

    Quick question in CSS. I would like to add a space between text above the box and text below the box. How can I do that in CSS?

    Must me something like #author-bio-box + something...

    Thanks a lot :)

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

  2. Nick Powers
    Member
    Plugin Author

    Posted 1 year ago #

    Look at this thread and let me know if it answers your question or not:

    http://wordpress.org/support/topic/adding-a-space-below-the-social-author-bio-box

  3. puda
    Member
    Posted 1 year ago #

    Hey Nick,

    No not the same problem. I read this thread before posting my question though :)

    I only want to know how to add a space before the author bio box and after basically. Right now it really sticks to the text. Example here: http://bit.ly/1027sqM

    See, right after my photo gallery, there is no splace before the author bio box. Same when you read "articles similaires". No spaces. It really sticks to it.

    Thanks for your help :)

  4. Nick Powers
    Member
    Plugin Author

    Posted 1 year ago #

    If you remove the line float: left; from #author-bio-box it will add space to the bottom.

    for the top portion try adding this: margin-top:2cm; <- try different values to adjust the amount of space.

    Let me know if this helps.

    Nick

  5. puda
    Member
    Posted 1 year ago #

    Sorry where can I do that? What file is that? social-autho-bio/social_author_bio.php ?

    Haven't been able to find the float left. Also where do I add margin-top:2cm ?

    I am not too good when it comes to CSS.

    Thanks

  6. Nick Powers
    Member
    Plugin Author

    Posted 1 year ago #

    Go to your dashboard, then you will see a settings menu on the left hand sidebar that says Social Author Bio. Under that there will be a menu Avanced HTML/Style menu. In the style section you will see a section surrounding by:

    #author-bio-box
    {
    }

    Remove the float: left; line from there and add the margin-top:2cm; in there.

  7. puda
    Member
    Posted 1 year ago #

    Ah! Totally worked!

    Excellent :) I just add 10px instead of 2cm. Easier to work with :)

    Thanks a lot!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.