WordPress.org

Ready to get started?Download WordPress

Forums

Social Author Bio
[resolved] How can I set the box for variable width? (4 posts)

  1. typeadesign
    Member
    Posted 1 year ago #

    Hi, there!

    Great plugin, especially as my blog grows with new authors.

    My blog uses two themes -- a Colorlabs theme and a mobile theme, WPTouch Pro. I've changed the code in the Advance HTML/Style panel so the Author box is 540 pixels wide. It looks great on the desktop theme. I need it to be responsive so it shows as 300 pixels wide in the mobile theme. Right now, it shows in the mobile theme 540 px wide.

    Is there any way to for the author box to automatically fit into the column? Thanks!

    =M=
    http://lifeinlofi.com

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

  2. Nick Powers
    Member
    Plugin Author

    Posted 1 year ago #

    Instead of using px try using a percentage for the width.

    Let me know how this works for you.

    Nick

  3. typeadesign
    Member
    Posted 1 year ago #

    Hi, Nick,

    Thank you for getting back with me so quickly. Percentage didn't work. Here's what did.

    In WPTouch, I created a custom css file. In it, I copied and pasted the HTML style sheet from Social Author Bio's Advanced tab. I changed the width tag from these styles:

    #author-bio-box {
    float:left;
    width: 550px;
    background: #%bgcolor%;
    border: 1px solid #bbb;
    padding: 5px;
    clear: both;
    }

    and

    .bio-socials {
    border-top:solid 1px;
    border-bottom:none;
    border-left:none;
    border-right:none;
    width: 530px;
    height: 32px;
    clear: both;
    }

    from a pixel amount to "auto."

    That did the trick. I hope this helps other WPTouch users.

    =M=

  4. Nick Powers
    Member
    Plugin Author

    Posted 1 year ago #

    Thanks for sharing the solution!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic