Results 1 to 5 of 5
  1. #1
    Join Date
    Mar 2010
    Location
    northern california coast
    Posts
    11
    Plugin Contributions
    0

    Default 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.

  2. #2
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,197
    Plugin Contributions
    0

    Default Re: changing color of scroll bars

    Su,
    Need a link to your site please

  3. #3
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default 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. #4
    Join Date
    Mar 2010
    Location
    northern california coast
    Posts
    11
    Plugin Contributions
    0

    Default 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.

  5. #5
    Join Date
    Mar 2010
    Location
    northern california coast
    Posts
    11
    Plugin Contributions
    0

    Default Re: changing color of scroll bars

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

 

 

Similar Threads

  1. Need to change color of navigation bars and footer bars. can't find it on style sheet
    By spaskinstyle in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 17 Sep 2008, 01:59 PM
  2. Changing color of bars in header, footer, and on product category pages?
    By dcfxking in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 17 Sep 2007, 04:45 AM
  3. Adding Scroll Bars to Pop Up Images
    By estrange in forum General Questions
    Replies: 1
    Last Post: 30 Mar 2007, 07:41 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg