Transparent Color Background With Solid Text

Beaver Builder
1

Hi,

How can I make a transparent color background with the color of the text staying the same and not fading as well?

2

Hey Rakesh,

Where are you trying to apply the transparent background color to? Could you elaborate?

Ben

3

[Content Hidden]

4

Hey Rakesh,

Remove the opacity you applied to that module and change the background-color to use rgba which supports opacity. Try the CSS below.

.homebottom_text {
  text-align: center;
  background-color: rgba(255, 0, 0, 0.5);
}

Ben

5

Hey,

That worked perfectly. So once I am doing transparent backgrounds, always use rgba?

6

Hey Rakesh,

Yep! That’s the way to go! :slight_smile:

Ben