Slider css Styling

  • Resolved danny_getextra

    (@danny_getextra)


    11 years, 2 months ago

    Hi,

    I’m trying to figure out why I can’t seem to make the text at the side of the sidebar turn blue when its selected with the yellow background.

    http://goo.gl/nbCCu

    I’ve tried all combinations :hover :active :current

    Can’t seem to get it to work, can anyone maybe point me in the right direction.

    Many Thanks

Viewing 15 replies - 1 through 15 (of 15 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    Remember to provide a URL to the webpage for context.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    Did this work;

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

    ?

    Thread Starter danny_getextra

    (@danny_getextra)

    11 years, 2 months ago

    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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

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

    Thread Starter danny_getextra

    (@danny_getextra)

    11 years, 2 months ago

    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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    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?

    Thread Starter danny_getextra

    (@danny_getextra)

    11 years, 2 months ago

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    Have you tried something like;

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

    Are you using a browser developer tool like Firebug?

    Thread Starter danny_getextra

    (@danny_getextra)

    11 years, 2 months ago

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

    I’ll try that.

    Thread Starter danny_getextra

    (@danny_getextra)

    11 years, 2 months ago

    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?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    http://snag.gy/ORN96.jpg

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

    Thread Starter danny_getextra

    (@danny_getextra)

    11 years, 2 months ago

    wait it does work!

    Thread Starter danny_getextra

    (@danny_getextra)

    11 years, 2 months ago

    now how would i target the top title.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

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

    E.g

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

    Thread Starter danny_getextra

    (@danny_getextra)

    11 years, 2 months ago

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

    How strange.

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Slider css Styling’ is closed to new replies.

Tags