Change Slider on Modern Order Form

[tommyinnn]

Does anyone know how I can change the slider (the small box you drag) to a image, or even just change the color it is hard for some visitors to see

 

http://prntscr.com/23nhur

 

here is the actual page https://shoutaccount.com/cart.php?a=add&pid=241

 

thanks!

[brian!]

Tommy,

 

it already uses an image - if you look in:- includes/jscript/css/ui.all.css

there is the following line (it's on line 5 but it's a very long line, so you may have to search for it!) :-

 

.ui-state-default{border:1px solid #ddd;background:#f6f6f6 url(images/ui-bg_highlight-soft_100_f6f6f6_1x1000.png)

by default it will show the above image if it's available (it's in the "images" directory), if not it uses #f6f6f6.

 

if you rename the image url so that it can't be found, and alter the hex background color figure, that will change the color of the slider, e.g the following will make the button red.

 

background:#ff0000 url(images/ui-bg_highlight-soft_100_f6f6f6_1x1000.png)

you may have to clear your browser cache and/or templates_c to see it change color.

 

http://prntscr.com/23o4si

 

alternatively, you could create a new graphic, choose an approximate hex figure as backup and alter both features of the above line - there are themes available from jqueryui.com, but you may find it easier to create your own image.

 

for the borders, hover and active colors/images, they can all be changed in a similar way on that same line.