editing the postbithead - help needed

[Barbara1]

hello,
i am creating a theme and i am using a bit wider /statusicon/post_new.png and post_old.png
as a result of this, the description of the time the post was created, gets ovelaped by the images.

the question:
is there a way to move the time description some pixels to right and how if yes?

thank you for your time,
crossing my fingers for an answer :)

[ozzy47]

A link to the page where this is happening, will help people help out.

[Barbara1]

thank you for your reply ozzy47 :)
here is a screenshot
at this moment its with the original png.
the red marked area is the distance the time needs to be moved to the right (please do not pay any attention to the vertical axis. its false

(cant press the like button for your post ozzy47. it says that i need to "like" someone else first)

edit: issue solved, picture removed.

[nerbert]

People want links so they can go to the actual page and experiment with changing the css with a dev tool like Firebug.

[ozzy47]

Search in your postbit.css template for the following.
.postbit .posthead .postdate, .postbitlegacy .posthead .postdate {
display:block;
float:{vb:stylevar left};
clear:{vb:stylevar right};
width: 49%;
margin-{vb:stylevar left}: 10px;
font: {vb:stylevar postbithead_font};
padding-{vb:stylevar left}: 15px;
}

Change padding-{vb:stylevar left}: 15px; to a different value like, padding-{vb:stylevar left}: 25px;

You may need to adjust the px amount till it looks right.

[nerbert]

Lynne suggests overriding settings like that in additional.css like this:


.postbit .posthead .postdate, .postbitlegacy .posthead .postdate {
padding-{vb:stylevar left}: 25px;
}

[Barbara1]

thank you very much ozzy47 and nerbert :)
i will go and work on it
cheers :)
(ozzy47, i still have the message "You must 'Like' someone else's post before liking any more by ozzy47.)

[ozzy47]

Nerbert's suggestion is probably easier, that way it is safe from upgrades. :)

[Barbara1]

Nerbert's suggestion is probably easier, that way it is safe from upgrades. :)oh thats important.
thank you both guys once more! :)

issue resolved, but it became too much fancy mith the animation i placed there. so i went back to the original *.png and time position