Creating background image from Schema settings

Store Design
11

hello @Raghav2

You can add code by following these steps to change ATC background color

  1. Go to Online Store → Theme → Edit code.

  2. Open your liquid file

  3. Your schema setting is right but for inline CSS you have to change code to below code
    style=“background-image:url(‘{{ section.settings.bg-image | img_url: ‘’}}’)”

  4. Add CSS

#bg-image{

background-repeat: no-repeat;
height: 500px;
background-position: center;
background-size: cover;
width: 100%;

}
Note: Adjust height according to you.

  1. By default the empty div show display none, if your image not showing, so you have to add one more css that is below

#bg-image{

display:block !important;

}