Add Opacity to image and display text based on custom field value

Sounds great thank you!

Can you please help me get 'Filled / Expired' to display on one line? Currently it is wrapping to two lines.

You can add width to this code: https://generatepress.com/forums/topic/add-opacity-to-image-and-display-text-based-on-custom-field-value/#post-2347041

So it's going to be:

.gb-headline.my-overlay-text {
    position:absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    z-index: 9999;
width: 100%;
}

.gb-container.placeholder-div {
    position:relative;
}

However, inherently, you'll need to reduce the font size or increase the space for the text so it doesn't wrap.

Ok awesome got it working thanks to your help!

You're welcome Fergal!