0

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. enter image description here

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

DevMan
  • 538
  • 1
  • 5
  • 25
  • this very short video, should help you with the background image : https://www.youtube.com/watch?v=_zvLtpksu1o - as for the rounded cornors, you can add an extra class to your element, and style that class with border-radious – Stender Mar 17 '17 at 13:22
  • So, the example you have posted here, should be something like a 1/2 column with a background picture, a text field with padding - and done? right? – Stender Mar 17 '17 at 13:23
  • and also rounded corners and a alpha color overlay – DevMan Mar 17 '17 at 13:24
  • I watched the clip and it helps to make the background image for the column but how can I get those additional properties like rounded corners and color overlay on it? – DevMan Mar 17 '17 at 13:25
  • when you go into edit on the column, in the bottom, you can add an extra class - which you can style whatever way you want in your css – Stender Mar 17 '17 at 13:28
  • Thank you very much I found it and it's working. Thanks for helping out. – DevMan Mar 17 '17 at 13:29
  • No thanks necessary, only upvotes. – Stender Mar 17 '17 at 13:31
  • Post an answer and I'll UW it – DevMan Mar 17 '17 at 13:32

1 Answers1

2

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

Stender
  • 2,446
  • 1
  • 14
  • 22