Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Changing Jquery Gloss-wave blue bar


Gaston3275

Recommended Posts

hello there, my name is Gaston...

 

I was trying to change the color of the blue bar in the boxes... This blue Gloss-wave background of the boxes, is an image (PNG) located in the Catalog/ext/jquery/ui/remond/images folder, and i can actually change it to any other PNG i want, make it pink, purple, green etc... But my problem, or my question is, that i want my boxes to have diferent color bars, you know what i mean?, for example, i want my "Category" box to be blue (therefore, it will load the ui-bg_gloss-wave.png image), but i want my "quick find" box, to have a DIFERENT color, lets say another PNG, a purple one.. And another box, lets say the "shopping cart" box to have a Green bar color... But i actually dont know how to do this, im not familiariezed much with Jquery, i dont know how to make each individual boxes to have a unique color.. I can only change that PNG background color and it will change the color of ALL the boxes... Im not sure if im expessing myself well?..

 

Anyway, i hope someone knows what im talking about and give me a hand... the code of the php file where Jquery loads the PNG is:

 

/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #42a389; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #42a389; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

 

 

Thank you for your help in advance...

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...