Increasing background image size in a content block

Technical Q&A
1

Hello all,

I have recently added a new page with a signup content block with the following code:

The page is: www.kathandkin.com/pages/signup

However I am struggling to get the background image (which is the small rectangle at the top of the block, same colour as the page background), to span the entire block and remove the grey.

Is anyone able to guide me how to get this image to fill the space? The png file is in the assets and is a large enough image to fill the space.

Thanks.
2

There are a lot of sub-properties in the background CSS property. One of them is background-size and it can take a value of “cover” which will force the image to always fill up the entire container. For more information about the background property, see this documentation: https://www.w3schools.com/cssref/css3_pr_background.asp. See below for an example of the property I was referring to.

background-size: cover;