How can I set the box for variable width?

  • Resolved typeadesign

    (@typeadesign)


    12 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!

    =M=
    https://lifeinlofi.com

    https://www.ads-software.com/extend/plugins/social-autho-bio/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Nick Powers

    (@nickpowers)

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

    Let me know how this works for you.

    Nick

    Thread Starter typeadesign

    (@typeadesign)

    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=

    Plugin Author Nick Powers

    (@nickpowers)

    Thanks for sharing the solution!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How can I set the box for variable width?’ is closed to new replies.