How to place a colored back ground behind

Hello,

How do I place a semi transparent back ground image like this??

I want to be able to place it like this

Any pointers? thx!

Hello,

I would be glad to help you, but can you please provide a link to your website?

Kind Regards, Roman.

http://benjaminc.sgedu.site
Here it is. Development site.

The website I was trying to imitate with Sydney pro is this https://www.gidhk.com/

Hello, thank you for the links.

You can try to edit that services widget (not the row that contains it) and add this CSS code into Attributes → CSS Styles field:

border: 0 solid rgba(204, 0, 51, 0.5);
background-color: rgba(204, 0, 51, 0.5);
border-radius: 0 50px 0 50px;
box-shadow: -2px 3px 2px 0 rgba(0, 0, 0, 0.6);

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hi Roman thx,

I have been experimenting with it. I am now having some trouble finding the CSS code to center the box in the middle of the page. Kindly provide me some hints. Thx

So I have made the width smaller but I can’t figure out how to put it in the middle of the page…

OK this does the trick in centering

margin: 0 auto;

Ok thank you Roman

Okay, you are welcome leader :slight_smile:

Feel free to create a new topic if you need more help.

Kind Regards, Roman.