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

  1. typeadesign
    Posted 3 years 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!



  2. Nick Powers
    Plugin Author

    Posted 3 years ago #

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

    Let me know how this works for you.


  3. typeadesign
    Posted 3 years 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 {
    width: 550px;
    background: #%bgcolor%;
    border: 1px solid #bbb;
    padding: 5px;
    clear: both;


    .bio-socials {
    border-top:solid 1px;
    width: 530px;
    height: 32px;
    clear: both;

    from a pixel amount to "auto."

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


  4. Nick Powers
    Plugin Author

    Posted 3 years ago #

    Thanks for sharing the solution!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Social Author Bio
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic