Follow these steps to set up a full-width banner image on your store:


Step 1: Add the CSS Code


Go to Edit Style Sheet > Source and paste the following CSS at the bottom:


/*................100% WIDTH BANNER...................*/

div#divSearchBox {
    background: #FFF;
}

#ctl00_Divlbl_loginName {
    margin-right: 19px;
}

div#ctl00_divfooterMain, #ctl00_divfootersub {
    width: auto !important;
}

div#ctl00_divfooterMain, #ctl00_divfootersub {
    float: unset !important;
    padding: 0px 0px 0px 15px !important;
}

.headermyDetailstabletd {
    width: 100% !important;
    padding-bottom: 0px !important;
}

div#ctl00_myDetails {
    width: 100% !important;
}

.headerdivMain {
    width: 100% !important;
}

#ctl00_headertop {
    padding-top: 0px !important;
}

#header {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#header-content {
    position: relative;
}

#header-topRight {
    position: absolute;
    right: 25px;
    top: 5px;
}

#header-content > .clearBoth.paddingTop5 {
    padding-top: 0px !important;
}

#ctl00_headertop a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/*................100% WIDTH BANNER...................*/


Step 2: Upload the Banner Image

  1. Click the settings wheel in the top-right corner.

  2. Select ePrint eStore.

  3. From the left-hand menu, click Appearance.

  4. Click Customize Header.

  5. Select the button for Image.

  6. Choose the option for “Make the image width 100% wide.”

  7. Upload your image and save.

Your store should now display a full-width banner across the top of the page.