postbit_legacy: how do I align my avatars to the left (instead of centered)?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • jacobsen1
    Senior Member
    • Dec 2007
    • 205
    • 3.6.x

    [Answered] postbit_legacy: how do I align my avatars to the left (instead of centered)?

    I'm trying to put my avatars on the left edge (as they were with 3.6.8 and 3.8.4) instead of centered. I tried this:
    Code:
    <img src="{vb:raw post.avatarurl}" align="left" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" />
    which DOES align it to the left, but then all the info AFTER the avatar goes to the right of the avatar (and into the post) instead of below it... How do I align the avatar to the left BUT keep the info after it below it?

    Thanks.

  • Lynne
    Former vBulletin Support
    • Oct 2004
    • 26255

    #2
    You just need to change the CSS, not the template.

    HTML Code:
    .postbitlegacy .userinfo .postuseravatar {
    text-align: left;
    }

    Please don't PM or VM me for support - I only help out in the threads.
    vBulletin Manual & vBulletin 4.0 Code Documentation (API)
    Want help modifying your vbulletin forum? Head on over to vbulletin.org
    If I post CSS and you don't know where it goes, throw it into the additional.css template.

    W3Schools &lt;- awesome site for html/css help

    Comment

    • jacobsen1
      Senior Member
      • Dec 2007
      • 205
      • 3.6.x

      #3
      thanks, yeah, I just stumbled into the css myself and got it working...

      how do we change the thread title to show it's fixed?

      Comment

      • Lynne
        Former vBulletin Support
        • Oct 2004
        • 26255

        #4
        Originally posted by jacobsen1
        thanks, yeah, I just stumbled into the css myself and got it working...

        how do we change the thread title to show it's fixed?
        We don't. We just leave the thread as is. Sometimes it's good to tag is for future reference.

        Please don't PM or VM me for support - I only help out in the threads.
        vBulletin Manual & vBulletin 4.0 Code Documentation (API)
        Want help modifying your vbulletin forum? Head on over to vbulletin.org
        If I post CSS and you don't know where it goes, throw it into the additional.css template.

        W3Schools &lt;- awesome site for html/css help

        Comment

        • nubian
          Senior Member
          • Nov 2004
          • 495

          #5
          Originally posted by Lynne
          You just need to change the CSS, not the template.

          HTML Code:
          .postbitlegacy .userinfo .postuseravatar {
          text-align: left;
          }
          Do you mean just insert this inside the postbit_legacy template?

          Edit never-mind. I'm now starting to see how things work.
          I didn't know that the postbit.css effected the postbit_legacy template as well.
          Last edited by nubian; Wed 30 Dec '09, 12:01pm.

          Comment

          widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
          Working...