Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Quick Color Question: Help!!


d0p3y

Recommended Posts

Hi,

I would like to know how I can make my product listing links coloured differently to the rest of the pages, and also how I can make the background on those boxes different to the background on the other boxes.

 

I assume you've got to add something into the style sheet but I cant work out what. Or perhaps theres more involved? Please help, I'm stuck and really need to make my link colours and background colours for my product listing boxes (in the middle of the page) different to the other boxes - as the side boxes have a black background and I need to have the middle ones white background with black links.....

 

If you require any more info to help me, say the word!

 

Help appreciated.

Link to comment
Share on other sites

I don't have time to take a serious look at the style sheet and the sections you mention but have you thought about defining some new classes in the style sheet?

 

Like:

 

A.MySpecialLinks {

color: #FFFFFF;

}

 

A.MySpecialLinks:hover {

color: #ffffff;

}

 

You'll need to dig around and figure out how and where to apply them.

 

Just remember, the definitions in the stock stylesheet were not sent down carved on tablets of stone. You can make up as many as you want.

Local: Mac OS X 10.5.8 - Apache 2.2/php 5.3.0/MySQL 5.4.10 • Web Servers: Linux

Tools: BBEdit, Coda, Versions (Subversion), Sequel Pro (db management)

Link to comment
Share on other sites

Thanks, I got what I needed, However, I now would like to know how I can change the link colour in the Product Listing as I cannot find how to class it properly for its own custom link colour...

Link to comment
Share on other sites

If you mean the links in the Product Listing header, here's how I defined them. In stylesheet.css, I added:

 

.productListing-heading a:link
     {
     color: #ffffff;
     background-color: transparent;
     text-decoration: none;
     }

.productListing-heading a:hover
     {
     color: #ffffff;
     background-color: transparent;
     text-decoration: underline;
     }

 

I don't recall if I had to make any changes to the product_listing.php file to make this work, but I don't think I did.

 

HTH,

 

Terry

Terry Kluytmans

 

Contribs Installed: Purchase Without Account (PWA); Big Images, Product Availability, Description in Product Listing, Graphical Infobox, Header Tags Controller, Login Box, Option Type Feature, plus many layout changes & other mods of my own, like:

 

Add order total to checkout_shipment

Add order total to checkout_payment

Add radio buttons at checkout_shipping (for backorder options, etc.)

Duplicate Table Rate Shipping Module

Better Product Review Flow

 

* If at first you don't succeed, find out if there's a prize for the loser. *

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...