Background image section in Theme X PRO

[djinnie]

How can I create the same background in a section as: https://www.mostwantednl.nl/schoenen/alle-schoenen.html. Or see below image:

For testing; I just copied that image from https://www.mostwantednl.nl/schoenen/alle-schoenen.html and paste into my website, see image below:

How can I make sure that the image will be shown in full in the background as example. Also more to the right as in the example.

What settings do I need to set?

Thanks.

[basanta]

Hi There,

Thanks for writing in!

to use the image exactly as the reference site, I would like to suggest you, instead of using the image as background, use it as a image SRC block. Make the section as two column and in right column use classic image module to put the image and in left column put your text as it is now.
Put the background color to the section.
In this way the layout will behave perfectly in mobile device too. Other wise the text will overlap in small device or screen.

If you really wants to use the image. Just change the setting from “cover” to “auto” and position “center” to “bottom right”.

Hope this is clear!

Thanks