Full Width Image Card

ezgif-3-fa8bd6f87f22.gif

Step One

Create a page within an index and add an Image Card Block to the page. Upload your image and add text as you normally would.

Once the page is saved, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Two

Copy and paste the code below into the Custom CSS Editor box.

// Full Width Image Card //

#URL-SLUG .Index-page-content {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 100%;
}

Step Three

Change the #URL-SLUG in the code to the page’s url slug that contains the Image Card Block. This will be found in the page’s settings - not the index settings.

Make sure your website is set to full background in the style settings or the code will not work properly. This code only works with a page inside an index.

Save and refresh the page. 👍

URL_Slug.png
Moov Labs