Forums / Templates, Stylesheets, Page Layout / changing color of scroll bars

changing color of scroll bars

Locked

Views: 788

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
4 Apr 2010, 5:46 PM
#1
surlybroad avatar

surlybroad

New Zenner

Join Date:
Mar 2010
Location:
northern california coast
Posts:
11
Plugin Contributions:
0

changing color of scroll bars

Hi all. Can anyone tell me where and how I can change the appearance of the scroll bars on my site? I want to change the color of the scroll bar itself, as well as the color of the button, the background of the text input area, and the text. I'm a newbie. I've spent hours searching these forums and reading the Zen Tutorials, but haven't found the information I need. Thanks in advance.

4 Apr 2010, 5:57 PM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,187
Plugin Contributions:
0

Re: changing color of scroll bars

Su,
Need a link to your site please

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

4 Apr 2010, 5:59 PM
#3
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: changing color of scroll bars

If you mean the main scrollbar for the browser page, Google 'scrollbar color' for a lot of info.

For elements inside Zencart, the best advice I can offer is to try installing the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. A very handy tool.

4 Apr 2010, 8:23 PM
#4
surlybroad avatar

surlybroad

New Zenner

Join Date:
Mar 2010
Location:
northern california coast
Posts:
11
Plugin Contributions:
0

Re: changing color of scroll bars

I'm developing my site on my localhost first, before going live to the web, so there is no iipc first, worin the process of developing my site, so I can't include a link to my site.

I already tried using Firefox-Firebug to find the relevant code, to no avail. I'm very new to Firefox, so I'm probably doing something wrong there too.

4 Apr 2010, 9:04 PM
#5
surlybroad avatar

surlybroad

New Zenner

Join Date:
Mar 2010
Location:
northern california coast
Posts:
11
Plugin Contributions:
0

Re: changing color of scroll bars

Thank you, Stevesh. :clap: Your keyboard shortcut hints made all the difference. I found the area of the stylesheet I need to change. Thanks again.