[FIXED] How can I make a full width and height image inside a column with text, overlay and rounded corners in visual composer?

Issue

I know that questions like this aren't welcomed here but I'm struggling a long time to find a solution for making an image with overlay and rounded corners and a text inside it in visual composer. I'm pretty sure that this example was actually made in visual composer but I can figure out what element or combination of elements it was used here. Please help me. Thanks.

Please note that this is not a full width row but a 1/2 column.

Solution

To add an background image to your column - edit you column, and go into the tab "design options", here you can set the background image.

To add padding to your text box inside - Do the same and add padding.

To get the round corners - add an extra css class and style that in style.css with border-radius

Answered By - Stender

Answer Checked By - Cary Denson (PHPFixing Admin)