Gaston3275 Posted April 16, 2011 Share Posted April 16, 2011 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 More sharing options...
Gasse1014life Posted April 23, 2011 Share Posted April 23, 2011 http://www.oscommerce.com/forums/topic/367578-how-to-change-box-colors-in-231/page__p__1579234#entry1579234 Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.