Color of the Scrollbars

[Jimmelreiter]

Good morning everybody. I have just installed my own blog and everything works fine.
Now I just wanted to change some things in the look of the blog, because I want it to look as the rest of my site. So I took the CSS and began to edit it, everything worked fine, until I had the idea, that the scrollbars should look different too. I know how to generally change the color of the scrollbars, but I can't get it, where to put this into the CSS.

Sorry, I know, that I will probably to a solution, if I try another hour or so, but after installing and trying 3 different blogs this night, my mind is not as fit, as it should by to solve this. Perhaps it's the best, to go to bed now, and hope, that someone knows, where this code has to stand, so that it works...

Thanks Jim

[garvinhicking]

Sure - just open the 'style.css' file of the template you selected. The templates are in the 'templates/' subfolder, and if you didn'T change any, you are using the 'templates/default/style.css' file. There you can easily insert your code.

HTH,
Garvin.

[Jimmelreiter]

Thanks for the reply, but I allready knew where the css is situated, but the changes, that I did to this css had no effect to the scrollbars, I changed the background color, the font family and so on, everything worked perfectly, but these ugly scrollbars won't turn their color
I got another page, where I changed the color of the scrollbar via css and everything worked fine, but when I insert this code into the blog's css, it has no effect, I still have the standard scrollbars. What's wrong about the code? Do I have to write it in the body tag, as listed below?

Code: Select all

body, textarea {
  background-color:#FBFA82;
  color:#FFFFFF;
  font-family:"Andale Mono",Arial,sans-serif;
  scrollbar-base-color:#F6F46B;
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#F6F46B;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#F6F46B;
}

Thanks again for all whó care about my problem!

[garvinhicking]

If you are using XHTML11 compliance, the Internet Explorer won't listen to your CSS, you need to apply that to the 'html' element instead of 'body'.

Regards,
Garvin

[randybrown]

Scrollbar styling is non-standard CSS and, to my knowledge, only available in IE.

[Jimmelreiter]

Oh wow, such quick replys...

But I'm sorry they don't solve my probelm. I don't use XHTML11, and I am- shame on me - using the IE, so that scrollbar color can be changed.

Now after trying and trying to change the color, I found something, that totaly confuses me. The scrollbars change their color, when I am in the admin menu, but they don't if I am using the normal blog. But aren't they sharing the same style.css of the template that I use? So if they change the color in the Admin section, they also should in the normal blog or am I totaly confused now?

[garvinhicking]

Please post the URL of your blog, I'll have a look at your CSS then

Regards,
Garvin

[Jimmelreiter]

Oh thanks, but the page is not ready at all, so please no comment about the look of it

http://www.sarah-usa.de.tc/

Than you have to press on "Tagebuch" to get to the blog, that's german by the way. The site is a project for a friend of mine, who is going to America for a year as an au pair.

This is the url to the css of the style I actually use

http://www.sarah-usa.de.tc/ser/template ... /style.css

Thanks for all!

Oh ups, ich seh ja gerade, dass du aus Remagen in Deutschland bist, na toll, gut dass ich dann mein bestes Englisch auspacke...

[garvinhicking]

Okay. It works if you change 'body, textarea' to 'html, body, textarea'.

Don't ask me why, I don't understand Internet Explorer's choices most of the time

Have fun,
Garvin.

[Jimmelreiter]

Ah it's working, thanks a lot!!!