Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #26053

    Last week you helped with the question:

    ___

    is it possible to make a rollover of the image (make the image darker) when you select one?

    Your answer:

    Please use this css. You can change .5 to vary opacity and even change black color to some other color

    #top .slideshow .featured:hover {

    background-color: black;

    }

    .slideshow img:hover, .slideshow a img:hover {

    opacity: .5 !important;

    }

    ___

    It’s work really nice, but it also works in the slideshow, can i exclude the slideshow?

    #129138

    Hi,

    I remember this code.

    Here , I changed it, so it will not hit the homepage.

    #top.page-template-default .slideshow .featured:hover {
    background-color: black;
    }
    #top.page-template-default .slideshow img:hover, #top.page-template-default .slideshow a img:hover {
    opacity: .5 !important;
    }

    This should work though i am not certain. Just in case run through your pages after adding this, and see if there are any pages missing the rollover. Blog posts for example will not have the rollover with this code, so I need to modify it. Though I am not sure if you have a blog.

    Thanks,

    Nick

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Hover image’ is closed to new replies.