Add image to break up products in product listing

[Guest]

Hi everyone,

Does anybody know how to add a 1px x 589px image to break up each of the products on the product listing pages?

I need the image to be displayed with every new product as it is added, similar to how the product listing page displays the title and picture of each new product added.

 

 

Thanks

[dvharrison]

Hi Lee

 

As a suggestion, why not find

TD.productListing-data

in stylesheet.css

 

and add between the curly brackets:

 

TD.productListing-data {

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

vertical-align: bottom;

padding-top: 5px; }

 

or

 

TD.productListing-data {

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

vertical-align: bottom;

padding-bottom: 5px;}

 

or both?

 

Its much easier to use this method than add an image which would be in the body of the php file.

 

Hope this helps.

[Guest]

Hi Lee

 

As a suggestion, why not find in stylesheet.css

 

and add between the curly brackets:

 

 

 

or

 

 

 

or both?

 

Its much easier to use this method than add an image which would be in the body of the php file.

 

Hope this helps.

 

Hi, thanks for your help.

I tried what you said but unfortunaley it did not do the trick. The image would be better as if you take a close up look its not a solid line that breaks the products up, it fades at the edges.

I also think it will need a bit of php code added to the file. My php knowledge is very limited.

Again thanks for your help.

Does anybody else have any ideas?

Thanks

[Guest]

Hi Lee

 

As a suggestion, why not find in stylesheet.css

 

and add between the curly brackets:

 

 

 

or

 

 

 

or both?

 

Its much easier to use this method than add an image which would be in the body of the php file.

 

Hope this helps.

 

Hi again, i did try the following:

TD.productListing-data {

background:url(/break.png);

background-repeat:no-repeat;

}

This has placed the image exactly where i want it to be, however for some reason it is being displayed funny, you can see what i mean by visiting http://www.game101.co.uk/index.php?cPath=2...t=3d&page=1

The break should look like http://www.game101.co.uk/break.png

Any ideas why this is displaying different?

Many thanks

[Guest]

Hi, i managed to solve the problem.

In the end i used:

 

TR.productListing-even {

background:url($templatedir/images/break.png);

background-repeat:no-repeat;

}

TR.productListing-odd {

background:url($templatedir/images/break.png);

background-repeat:no-repeat;

}

 

Thanks Debbie for puttting me in the right direction.

[dvharrison]

No probs, glad to have helped. :lol: