Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Making image block less Opaque and more white


Site URL: https://www.kimsedgwick.co.za/

Hi there,


Looking to make my image blocks on my works page less opaque, so that one can read the text that pops up in the centre of the block when hovered over. They currently have a very opaque block when hovered over, but I would like this to be a lot more solid.

See images below

Thanks very much.

Screenshot 2020-04-17 at 10.58.02.png

Screenshot 2020-04-17 at 10.58.08.png

Share this post

Link to post

1 answer to this question

Recommended Posts

  • 0

For future members

Add to Home > Design > Custom CSS

/* Opacity */
.Index-gallery-item:hover .Index-gallery-item-image img {
    opacity: 10% !important;
/* background color */
.Index-gallery-item-image {
    background-color: white;
/* Overlay title */
.Index-gallery-item:hover .Index-gallery-item-content-heading {
    color: black !important;


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...