How do I set the height for the background image of a row?

AlexNavas

I was using layer slider at the top of my homepage (http://alexnavas.com/an/) but was having trouble because I wanted to add an email optin form on the right side.

I decided to try to replicate the look that I had with the layer slider but instead using a background image that is 350px in height (same image as in layer slider) so that I can add columns and the elements that I needed. However, once I published it, I realized that the entire background image is shrinking (not displaying full size) to simply be around the elements which are only about 100px in height. How can I set the background image height so the image shows at full size but retains the responsiveness when the screen is smaller?

In the link above, you can see the top module is the layer slider which is the look I want, however, right below it I'm using a background image that should be sized the same as the layer slider, however, I'm using an html element for the form.

How do I size the background image correctly?

Air

If it is really set in row element in builder then set background to Cover background with image. It should help.

With regards.

AlexNavas

That is how it is currently set.

Air

Yes, and it works as it intended(as I have seen on your page). How you would like it to shrink. Maybe option of CSS background-size: contain; will fit you more?
Here you have examples how does it work http://www.css3.info/preview/background-size/

With regards.

AlexNavas

I played with the padding and got it to look how I wanted it. Thanks for your help.