How to get in image to span full width on a single page of website

Developer Support CMS Development
1

Creating a new section & Trying to get an image to span the width of the page the way everything else appears on this page: https://www.alchemistaccelerator.com/ I want to put the full-width image in between the section in the screenshot provided. *see screenshot*
Please advise

MFawns_0-1688149324288.jpg
MFawns_0-1688149324288.jpg1881×867 122 KB

2

Hi @MFawns,

look for this code in your module

.progress-section .item-wrap {
 display: block;
 margin-top: 40px;
 padding-top: 20px;
 padding-bottom: 20px;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -webkit-flex-direction: row;
 -ms-flex-direction: row;
 flex-direction: row;
 -webkit-box-pack: start;
 -webkit-justify-content: flex-start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-align: center;
 -webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
 background-position: 50% 0;
 background-size: cover;
 background-repeat: no-repeat;
 background-attachment: scroll
}

and change it to:

.progress-section .item-wrap {
 display: block;
 margin-top: 40px;
 padding-top: 20px;
 padding-bottom: 20px;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -webkit-flex-direction: row;
 -ms-flex-direction: row;
 flex-direction: row;
 -webkit-box-pack: start;
 -webkit-justify-content: flex-start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-align: center;
 -webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
 background-position:0 50%; {# change this #}
 background-size: cover;
 background-repeat: no-repeat;
 background-attachment: scroll
}

best,

Anton