1. Go to Smarketly sections and click on Add content

  2. Scroll down to Article Block and click on Add

  3. Choose where to showplace your column banner by selecting one of the choices from “Above content, Below content, or Above footer”

  4. Under main display settings, click on Select collection to choose the collection to display and click on the specific collection, then click on Select product to choose the product to display and select the specific product.

  5. To align your content, choose to either place it on the Left, center, or Right, then customize the Top offset to None, Small, or Normal

  6. Choose to enable or disable the Fullwidth size by ticking the box.

  7. To modify the Big column size for the screen, slide the knob to the preferred px, and do the same for the medium column size for the screen.

  8. Edit the colors for the:

  • Titles color

  • Text color

  • Button background-color

  • Button text color

  • Button background active color, and the 

  • Button text active color

  1. To add a background image, scroll down to the Background image settings and tick on the Show background image box, then click Select image to choose a picture to display, click on the image, then click on Select.

  2. To edit the chosen image, choose to align the image by positioning it to the Left, Center, or Right, then choose to show the image in Full background-size, or Contained, then enable or disable the Use minimal height option.

  3. To enable the Background color or padding, select or deselect the appropriate box

  4. Edit the title to be displayed and to align the title, choose either the preferred viewing(e.g. Default), or then slide the knob for the Font weight text to suit your liking.

  5. In the column width settings, you have the option to Use text with 2 columns by ticking the appropriate box, then choose from the option to display using the 4/8, 5/7, 6/6, 7/5, or 8/4 format. Paste the text to display for Text 1 and 2 then edit the specific viewing modes for both desktop and mobile options by sliding the knob for the chosen px sizes for:

  • Text top offset

  • Text top offset multiply

  • Text top offset * multiply

  • Font size text

  • Line height text

  1. If you want to include an image, click on the select image, select the desired image, then click Select.

  2. To edit a button, scroll down the button settings and paste in a link, edit the button name, customize the width of the columns, align the content as you please (Left, Right, or Center) and change the px for the Button top offset for both desktop and mobile viewing.