Main site image opacity

  • Hi,

    Where can I change the opacity for the hover effect for the images on the main page?
    I have tried here in the style.css:

    .dark-overlay:hover {
    opacity: .8;
    }

    , but nothing happened.

    Thanks,
    Szeki

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Shaped Pixels

    (@shaped-pixels)

    If you want to change the overlay, you will need to use rgba to override the colour and the opacity to be done like this example:

    .image-post .text-holder:hover {
    background: rgba(0,0,0,.6);
}

    That uses black as the RGB colour, but the default colour would be:

    .image-post .text-holder:hover {
    background: rgba(75,70,48,.8);
}

    Just replace the rgb value with the colour you want.

    sorry, starting a new topic.

    • This reply was modified 7 years, 9 months ago by russtalavista.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Main site image opacity’ is closed to new replies.