Slider css Styling

Remember to provide a URL to the webpage for context.

Did this work;

#home-blue:hover {
 background: yellow;
 color: #008fff;
}

?

Thanks for your input andrew, But know this doesn’t seem to work either.

I’m not even to sure what that div targets. I think its something inside the javascript i have to change, Really not to sure on this one.

Thanks

Danny, did you clear your browser’s cache after making that CSS change?

Yea i did, using ctrl and f5.

It still highlights them when i hover over them, but not when the yellow background goes over them.

Is it something to do with it been rotated through the slides in the javascript and that actual div is selected as such, just an image appears over it.

Thanks

The text underneath the sidebar;

We aim to build confidence and self-esteem in your child. To find out more about Butterflies Pre-school and Priory Kid’s Club, please call us on 01482 421 800

Am I looking at the wrong place?

Yeah, this is the wrong piece. I’m talking about the slider at the top of the page. underneath the navigation.

Have you tried something like;

.current .ls-descr,
.current h2 {
 color: #008fff;
}

Are you using a browser developer tool like Firebug?

I’m using google chrome, the inspect element on that.

I’ll try that.

When I click it, it seems to change to blue but still doesn’t when the background comes over.

What exactly does the .current selector do?

Thanks?

https://snag.gy/ORN96.jpg

I don’t want to repeat myself, but Firebug will help you with these exploratory CSS queries.

wait it does work!

now how would i target the top title.

Use more-specific selectors, such as those exposed by Firebug https://snag.gy/QwNMi.jpg

E.g

.current div#feature_list h2 {
 color: #008fff;
}

I appreciate the help Andrew, I’ve made the changes now the other h2 tags are effected.

How strange.