Add transparent background color to title

Hello everyone,

I wish to add a transparent beige background color to my title in the shapely title widget because the color does not contrast enough with the background, as shown in attachment 1 (but I do want to use black color). Attachement 2 shows a CSS code I found and implemented, but I am not satisfied with the result, as the transparent background is added twice: a first time as a big square area, and a second time as smaler squares for each line.

I wish to only keep the first big square and get rid of the additional background for each separate line of text. COuld anyone give me a hint?

Kind regards,
Cyril.

You want like this?

Yep that’s it. Any hint how I could get it?

You can use this class

div.col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.text-center

So it should be like this
"
div.col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.text-center
{
color:#000;
background-color: hsla(60,56%,91%,0.4);
}
"
If its not working. Can you send your page link so I can check.

Hello there,

I hope you are doing well today.

@carlvic Nice work creating the CSS to change the color of the background element.
@tarcitaxx Please let us know if the code works or if you have any other questions.

Best Regards,
Support

Thank you for the answer. Unfortunately I won’t have time to test this until mid october, I am on holyday now and did not bring a PC with me.

Hello there,

That is understandable, you can try the fix when you have the time to do so.
I hope you enjoy your holiday.

Best Regards,
Support