[BasstimgParticipant]

Hi

I have been trying to work out how to make my callout box transaprent or very close to transparent so i can see my background image showing through. I am trying to do it on this page : http://elastic-lounge.com/solo_piano

i have tried to use the codes i have found on the forum but none have actually made any difference. Could you pleASE advise me

thanks

Tim

[JoaoModerator]

Hi Tim,

Please add the following code to Appereance Customizer Custom CSS

.x-callout:before {
  
    background-color: rgba(1,1,1,0.1);
}
.x-callout {
   
    background-color: rgba(1,1,1,0.3);
}

Hope it helps

Joao

[BasstimgParticipant]

Thanks that worked well just didn’t like the effect and also ona mobile it just looked awful with text over the main part of the image.

[FriechModerator]

Hi There,

The text is too dark, that is why it is barely visible, maybe we can make that lighter so it will stand out with the dark background.

.x-callout .p-callout,
.x-callout .h-callout {
	color: #fff;
}

Let us know how it goes.

Thanks.

[Author]

Posts