Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

"instock" "out of stock" Contribution- how to change the colour?


philpop

Recommended Posts

I have installed this contribution, works great. However, I would only like it to show the "out of stock" icon and never show the "instock" icon.

 

Would a simple solution be to make the "instock" text just White, or the same colour as the background, and then you would just simply not see it?

 

If this would be ok, how do I change the colour? In what file is the colour stored in?

 

thanks in Advance

Edited by philpop
Link to comment
Share on other sites

I have managed to change the colour, but when I change this

 

}

 

SPAN.markProductOutOfStock {

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

font-size: 12px;

color: #010CE7;

font-weight: bold;

 

it affects both in stock and out of stock icons.

 

Dave says in the contribution;

"1) I've created an extra style in catalog/stylesheet.css, which I use for the "In Stock" announcement. I've called it SPAN.markProductInStock, and it is just the same as SPAN.markProductOutOfStock, but the colour is blue."

 

How do you do this? I tried just inserting the text

}

 

SPAN.markProductInStock {

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

font-size: 12px;

color: #ffffff;

font-weight: bold;

 

into the stylesheet, but it doesnt do anything. Could you please tell me how you did this?

thanks

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...