Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #26136

    Hi I would like to change the rollover state of my images to semi trasnsparent

    where and how can i do that?

    i tried to follow the instructions from one of your support forum post (sneedesign) but its not doing anything



    BTW how come I never get any answers?

    I can’t even see my topic around



    Please don’t duplicate post

    Please add this on your custom.css or QUick CSS

    img:hover {
    opacity: 0.5 !important;

    You can see the topics you posted here.




    Ooops I’m sorry I didn’t realized I duplicate the post don’t know what happen there :)

    Thanks you solved my issue but now my slider picture is having the same effect and i don’t want that one

    to have the rollover effect :|


    Hi pressCott54,

    You can use this to keep the slideshow hovers at full opacity:

    .slideshow_container img:hover {
    opacity: 1;




    Hi Devin I just realized that by adding the code that is on my first post

    img:hover {

    opacity: 0.5 !important;


    is adding that effect to all the images in my site and I don;t want that I just want it in some images sorry if I wasn’t that clear since the beginning and thanks in advance!



    Don’t worry about it. Now, which images do you want the effect on, They need to have something in common, for example, be located on portfolio pages, or in galleries, so that we can give you the css for them.

    On your home page to do that to the beds you can use this css

    div.one_third p img:hover {
    opacity: 0.7 !important;




    Great thank’s! that work out perfectly Nick!


    Thanks! Enjoy the theme!


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

The topic ‘CHANGE IMAGE ROLLOVERS TO TRANSPARENT COLOR’ is closed to new replies.