Making background color of layout elements/text blocks a bit transparent

Hey bdeuwe,
Thank you for the link to your site, but I didn’t see a screenshot, I believe you are referring to thr blue textbox at the top of your page, in this case try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

#av_section_1 > div > main > div > div > div > div.flex_column.avia-builder-el-2 {
background-color: rgb(0 57 86 / 56%);
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
The solution above changes the background color to apply the transparency, so it would not be a good solution for other areas.
Try removing the solution and add this custom class to the blue 1/5 column transparent-eight-five and also add it to the gray 2/5 column (note that you do not add a dot to the custom class)
then add this css to your Quick CSS:

.transparent-eight-five {
	  opacity: 0.85;
}

After applying the css, please clear your browser cache and check, the blue column should be the same but the gray column only has a white background from the page so it will only look lighter.
You should be able to apply this to any column.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike