Hide title in Noa Gallery

(Pass:AguochaAccess)

I purchased the Noa Gallery from Ghost Plugins. (https://www.ghostplugins.com/products/noa-grid-gallery)

It works well enough, except the title still appears when I'm not hovering over it. The subtitle and line text do disappears when (see image below).

How can I modify the code so that the title disappears (like The subtitle and line ) when the image is not highlighted

/* ---- GHOST PLUGINS - NOA GRID GALLERY START ---- */

@noa-ghost-title-size: 2rem; // title size
@noa-ghost-title-color: #5575FF; // title color

@noa-ghost-subtitle-size: 1.1rem; // description size
@noa-ghost-sub-title-color: #ddd; // description color

@noa-ghost-line-color: #5575FF; // line color
@noa-ghost-line-thickness: 5px; // line thickness

@noa-ghost-button-accent-color: #5575FF; // button color
@noa-ghost-button-text-color: #fff; // button text color

@noa-ghost-hover-overlay: rgba(0,0,0, .8); // overlay on hover
@noa-ghost-images-border-radius: 10px; // image border radius
@noa-ghost-text-position: 0%; // text position

/* ----- DON'T EDIT BELOW THIS LINE - SUPPORT NOT PROVIDED IF EDITING BELOW THIS LINE ----- */

body{.margin-wrapper.custom-gallery-images-wrapper .custom-images-gallery-desc .inner-cust-wrapper h3:after{background-color: @noa-ghost-line-color!important;height: @noa-ghost-line-thickness !important;}.margin-wrapper.custom-gallery-images-wrapper{border-radius: @noa-ghost-images-border-radius;&:after{background-color: @noa-ghost-hover-overlay;}.custom-images-gallery-desc{.inner-cust-wrapper{h3{color: @noa-ghost-title-color;font-size:@noa-ghost-title-size;padding-top: @noa-ghost-text-position;@media only screen and (max-width: 800px){font-size: 1.3rem;}&:after{background-color:@noa-ghost-title-color;}}p{color: @noa-ghost-sub-title-color;font-size: @noa-ghost-subtitle-size;@media only screen and (max-width: 800px){font-size: .9rem;}a{border: 1px solid @noa-ghost-button-accent-color !important;color: @noa-ghost-button-accent-color !important;}}}}&:hover{.custom-images-gallery-desc{p{a{background-color: @noa-ghost-button-accent-color !important;color: @noa-ghost-button-text-color !important;}}}}}} @media only screen and (max-width: 1000px) {.margin-wrapper.custom-gallery-images-wrapper:after { opacity: 0.5 !important;}} @media only screen and (max-width: 1000px) {body .margin-wrapper.custom-gallery-images-wrapper .custom-images-gallery-desc .inner-cust-wrapper p {opacity: 1 !important;}}

/* ---- GHOST PLUGINS - NOA GRID GALLERY END ---- */

Hi,

Can you share link to page where you use gallery? We can check easier

It's on my home page (https://www.michaelaguocha.com/). Just scroll down to the bottom of the page and you'll see it.

Side Note: Do folks here not see the website when it's added in the "link" field in the original post? Is it better if people add the link in the post description?

I only ask because I added my link via the link field in several of my posts (this one included), only for someone to ask me for the URL again before they offer assistance. Given the long turnaround time for someone to answer, it's a bit frustrating that this oversight could add another week before the problem gets addressed.

Hope I don't come across as ungrateful. I truly appreciate the help, but just looking for ways to expedite the response.

This worked. Thanks so much!