How to place a colored back ground behind


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!


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

Kind Regards, Roman.
Here it is. Development site.

The website I was trying to imitate with Sydney pro is this

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.