How To add a text module with semi-transparent background over background image

Hi- I am trying to build row that uses a background image (no problem) and a column (within the row) that has a background with adjustable opacity. I want to add text and a video in the column with the opacity setting allowing the background image to show through.

The CTA module has these features, (text editor, background color and opacity), but I don’t want the CTA button to display.

Is there a way to do this?

I want a semi-transparent box over the background image and within the box, text, image or video.

If the text module had a background color with opacity setting that would be perfect

Test site

Hey Jon,

We can hide the CTA button if you want via custom CSS. You can add a CSS class to the module under the Advanced tab, e.g., fl-custom-class, then add the CSS snippet below changing fl-custom-class to whatever class you used. You can place the CSS under Tools > Layout Settings > CSS, so it only applies to that page.

.fl-custom-class .fl-cta-button {
  display: none;


It worked, thanks again

Awesome! Glad we could help. :slight_smile:

Enjoy BB!