Moving postbit location

[andybond]

Evening all.

I am wanting to move my postbits ( or postbits legacy ) to the right hand side of my forums.

Can this be done ? ( you know the next question dont you ? )

How ?

[TheLastSuperman]

Yes however you'll need to modify quite a bit of the css or maybe just maybe you could trick it using the rtl conditional... hmm I'll check into this if I have time this weekend and see if it's going to be quick and simple or quite in-depth and report back .

[HMBeaty]

Originally Posted by TheLastSuperman

Yes however you'll need to modify quite a bit of the css or maybe just maybe you could trick it using the rtl conditional... hmm I'll check into this if I have time this weekend and see if it's going to be quick and simple or quite in-depth and report back .

I've actually checked into this as well. I'm about to post my end result in a few minutes

[HMBeaty]

My end result



In postbit.css, find:

.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
    margin-{vb:stylevar left}: {vb:stylevar postbitlegacy_userinfo_width};
    border-{vb:stylevar left}: {vb:stylevar postbit_userinfo_border};
    background: {vb:stylevar postbit_background};
    _background-image: none;
    padding-bottom: 1em;
}

Replace with:

.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
    margin-{vb:stylevar right}: {vb:stylevar postbitlegacy_userinfo_width};
    border-{vb:stylevar right}: {vb:stylevar postbit_userinfo_border};
    background: {vb:stylevar postbit_background};
    _background-image: none;
    padding-bottom: 1em;
}

Find:

.postbitlegacy .userinfo {
    float:{vb:stylevar right};
    position: relative;
    width:{vb:math {vb:stylevar postbitlegacy_userinfo_width}-{vb:math {vb:stylevar padding}*2}}; 
    padding: 2px {vb:stylevar padding} {vb:math {vb:stylevar padding}/2};
    font-size: {vb:stylevar small_fontSize};
    display:block;
        background: {vb:stylevar postbit_userinfo_background};
    clear:both;
}

Replace with:

.postbitlegacy .userinfo {
    float:{vb:stylevar right};
    position: relative;
    width:{vb:math {vb:stylevar postbitlegacy_userinfo_width}-{vb:math {vb:stylevar padding}*2}}; 
    padding: 2px {vb:stylevar padding} {vb:math {vb:stylevar padding}/2};
    font-size: {vb:stylevar small_fontSize};
    display:block;
        background: {vb:stylevar postbit_userinfo_background};
    clear:both;
}

This code is unsupported and has not been fully tested!

[HMBeaty]

I might even use this on my site

[andybond]

Wow. Epic.

Really , really appreciate you time and skill

[HMBeaty]

Originally Posted by andybond

Wow. Epic.

Really , really appreciate you time and skill

Thanks.