How do I hide overlay text with :hover in my Index gallery?

HALP,

I've been stuck on this all day, so now I'm reaching out (-:

My portfolio site: jordandixon.co

On the home page > two galleries 'DESIGN' & 'CODE' 

I would like to hide the index-title upon hover but I'm unsure I'm able to...

Here's all my CSS thus far:

<style>
#index-section-design 
.index-item-title {opacity: .9 !important;}
  
#index-section-design 
.index-item-title .index-item-title-link:hover {display: none !important;}
 
#Footer{display: none !important;}
</style>

I'm using the 'York' template (if that information is valuable)

Anyone else run into this problem?

Appreciate any help in advance!

@jordandixon Add to Home > Design > Custom CSS

.index-item:hover .index-item-title {
    display: none;
}

You, my Sir, are a GOD!!! Thank you so much.

On 10/15/2019 at 5:18 AM, tuanphan said:

@jordandixon Add to Home > Design > Custom CSS

.index-item:hover .index-item-title {
    display: none;
}

 

#dd:hover #welcome-brine  
  {display:none!important;} 

I try to hide a section on hover a button with dd id.. but doesnt work

On 10/15/2019 at 5:18 AM, tuanphan said:

@jordandixon Add to Home > Design > Custom CSS

.index-item:hover .index-item-title {
    display: none;
}

 

1 hour ago, d.coimbra said:

 

Need site url to checkk