CSS Buy Now Button not correctly displayed.

[joey779]

I've attached a screenshot of my category product listing page.

It shows the product, price and a buy now button underneath.

Only problem is that the 'Buy Now' text is white and since there is no background colour on the button it cannot be seen.

(This isn't live hence the screenshot)

The New Products listing page displays the buttons as they should appear.

link(remove spaces):-

http: //www. arrowstorm. co. uk/index.php?main_page=products_new

Does anyone else have their buy now buttons showing correctly on their category product listing pages?

Is there a code snippet which must be present in tpl_modules_product_listings.php?

Help.....

[ebaobao]

isn't the buy now button an image? and so editing the image file would fix it.

[joey779]

No, I don't think it is an image.

It's CSS in the stylesheet_css_buttons.css file.

The button background seems to be drfinrd by:-

.btn_s_2_bg.cssButton
.btn_s2_bg.span.cssButton

and this is missing in the category page listing
(but present in the All products listing)

[ebaobao]

zen cart by default use image buttons. but i do see on your site that this is no longer the case as it looks like css. Did you switch out button images to css?

[clydejones]

No, I don't think it is an image.

It's CSS in the stylesheet_css_buttons.css file.

The button background seems to be drfinrd by:-

.btn_s_2_bg.cssButton
.btn_s2_bg.span.cssButton

and this is missing in the category page listing
(but present in the All products listing)

what is the setting for:

admin -> configuration -> layout settings -> CSS Buttons

[joey779]

Yes, I am defintely using CSS buttons instead of images.

But there is some code missing from tpl_modules_product_listing.php as the button display is incomplete.