need help/customize post template?

[Gantz]

Hello, I need some help, I want to add a background image to the section where the Title is usually shown. and above that small black line.

I'm trying to add the background image to the view post template. could someone tell me how I can achieve this?

check out the attachment for an example.

 

[Hoxxy]

As always....Remeber to make a back up!

In additional css (found near the bottom of style manager)

Add this:

.postbitimage { 
         background: #35424c url(replace/this/with/location/of/image.gif) repeat-x top left; 
         }

Don't forget to edit the color and image location.

Then In the postbit template
Find:

<!-- icon and title -->

the next line should be.....

<div class="smallfont">

replace that with:

<div class="postbitimage">

 

[Gantz]

Thanks a lot, that worked well, however my original image I wanted to use was 31x31 but when I uploaded, the image was only half shown and looked ugly. so I was forced to resize my image to 31x18 to fit the space.

I still want to use my original 31x31 image. is there some kind of code I could edit to fix this problem? so I can use my original image?

see attachment: the red lines indicate the size of the images.

 

[Hoxxy]

try adding:

height: 31px;
padding: 5px;

after:

repeat-x top left;

on seperate line.
Remove color from original code if not the same as bg image

 

[Gantz]

Hi Hoxxy, thanks for the help I really appreciate it, the suggestion worked and now I can use my 31x31 image.

now the only problem is......that the image does not expand far enough to cover the whole top title section like I would like it to, instead there is a gap shown to the (right,left, and top) I would like it if I could further expand the image to cover up the gaps.

any tips on how to go about doing this? see attachment.