Postbit questions (vb 4.2.1)

[SPEEDKILLZ]

Right now my rep bars are located above my avatar and centered. I would like them to be right below my avatar and to the left. Where would i go to find this code and any info on what and where to add would be great

[Digital Jedi]

That would be in your postbit_legacy template. Look for this block of code (NOTE: Might look a little different, since my vB4 is slightly older.)

<vb:if condition="$show['reputation']">
<span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reputationdisplay}</span>
</vb:if>
<vb:if condition="$show['avatar']">
<a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}">
<img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" />
</a>
</vb:if>
The code in red is your rep code. The code in blue is your avatar code. Just switch places. :)

As far as aligning left goes, that should be it's alignment by default. But you might be using a skin that has different CSS. See if the original designer can clue you in to where he/she coded it to center.

[SPEEDKILLZ]

Ok i got it on the bottom but now it is touching the avatar

[SPEEDKILLZ]

anymore advise?

[Digital Jedi]

You can alter the spacing with CSS, but you might want to check with your skin designer to see how his or her code is affecting that area. For instance, you could add padding to that area using CSS code in the template, but the designer could have his own CSS that would override that. And CSS can be named anything, so you'd want to check with him to find out what the correct class names are and where they are affecting things.

[SPEEDKILLZ]

You can alter the spacing with CSS, but you might want to check with your skin designer to see how his or her code is affecting that area. For instance, you could add padding to that area using CSS code in the template, but the designer could have his own CSS that would override that. And CSS can be named anything, so you'd want to check with him to find out what the correct class names are and where they are affecting things.

It is a pure vb skin. I wouldnt even know who to contact. I did it once before on this same skin but it was 4.1.5 and that was a year ago lol

[Digital Jedi]

It is a pure vb skin. I wouldnt even know who to contact. I did it once before on this same skin but it was 4.1.5 and that was a year ago lol
Are you sure? It doesn't look anything like the default vB 4 skin. Certainly text is not centered by default in that area. you can add style="width:100%; text-align:left !important" to <span> tag. But I can't guarantee that will work without actually looking at the style on the backend.

[ozzy47]

No DJ, PurevB is a company that sells styles.

[Digital Jedi]

No DJ, PurevB is a company that sells styles.
If I said "I knew that. I was just testing you". Would you believe me? :erm:

[ozzy47]

Of course I would. :)

[SPEEDKILLZ]

lol you two

[SPEEDKILLZ]

Will Posting My Code Help?

[Digital Jedi]

A link to one of your threads would actually be better.

[SPEEDKILLZ]

A link to one of your threads would actually be better.

http://globalhax.com/showthread.php?482-Rules-Of-GlobalHax&p=486#post486

[ThatGreenAlien]

You should be able to adjust the top and bottom margins of the reputation image by throwing this in your additional.css

.postbitlegacy .userinfo .postbit_reputation img {
margin-top:5px;
margin-bottom:5px;
}

Of course, editing the "5px" to whatever value suits your needs.

[SPEEDKILLZ]

Awesome, Is There A Certain Place to Put This?

[TheLastSuperman]

You should be able to adjust the top and bottom margins of the reputation image by throwing this in your additional.css

.postbitlegacy .userinfo .postbit_reputation img {
margin-top:5px;
margin-bottom:5px;
}

Of course, editing the "5px" to whatever value suits your needs.

Awesome, Is There A Certain Place to Put This?

Place GreenAliens css provided in your additional.css template, if for some reason it does not do right then simply use !important to specify it should be this no matter what example as shown:


.postbitlegacy .userinfo .postbit_reputation img {
margin-top:5px !important;
margin-bottom:5px !important;
}

[SPEEDKILLZ]

Awesome worked great guys :) What would i add to make it float left?

--------------- Added 1381909526 at 1381909526 ---------------

Also how would i move the thanks and like down a bit?

Code in my postbit legacy to make it display {vb:raw thanks_postbit}