This is a test headline for all modules. It will help us determine how modules look

In this 50-50 module the image is set to background.

OOPS! You can NOT have a headline selected when the image is set to background

Danger Danger! When images are set to fit the full background in the editor, the headline feature should NOT be used. As you see, it does not flow above the image which is due to the fact that the image scales according to the browser size.

It can easily be added as a separate headlined only module as shown below!

This is a test headline for all modules. It will help us determine how modules look

Site Icon

This is a 3 column module

vid ea verciis et deriant ectempelest, soluptiur? Qui sitas id mo et aut disimolum, cusam, solorum quo dolut ressit ullisim illorem. Itatas que consequi sume rehenih itatur reptas isciume molorum que nos alicium fugia que nemquis atis

Site Icon

With icons added

ipsaepudandi dolessero vid ea verciis et deriant ectempelest, soluptiur? Qui sitas id mo et aut disimolum, cusam, solorum quo dolut ressit ullisim illorem. Itatas que consequi sume rehenih itatur reptas isciume molorum que nos

Site Icon

to each column

accusdae pra sunt repelic ipsaepudandi dolessero vid ea verciis et deriant ectempelest, soluptiur? Qui sitas id mo et aut disimolum, cusam, solorum quo dolut ressit ullisim illorem. Itatas que consequi sume rehenih itatur reptas isciume molorum que

You can add the Heading Only module above the 50-50 if you want

You can see the headline now works perfectly!

When you look at the EDIT MODE, you will notice a “headline only” module is just above this 33-66 module. Again this is only necessary when the image used is set to background  Also note that the image used is built specifically to be placed on right side of the page and fades to white on the left or inner edge.

If you were going to have it fade into one of the grey backgrounds, you would need to add the grey color to the jpeg so its a seamless transition.

You can easily add a headline when using The 50-50 module when the image is not set to background

In this 50-50 module and the image is NOT set to background.

  • Also note that the grey background color is selected so the entire background will fill with the chosen greyscale color.
  • The image MUST be a .png or .gif in order for the background color to come through. Jpegs ALWAYS have a white background by default.
  • You can always build the grey color into your jpeg when building the image or graphic in Photoshop like we did using this Rolodex image.
  • If you turn OFF the Light Grey background color in the editor, you will see that the Rolodex has the same grey color behind it.

The 50-50 module is one we use often 

Here is a 50-50 module with NO headline and the image placed on the right side.

The 50 50 module is frequently used throughout the site. It’s very clean and shows off images, graphics and the text well:

  • In the edit mode there is a choice to place the text or image on either side of the page.
  • You can easily add one of the grey colored backgrounds as well.
  • Note if you add the grey background, you need to make sure your image is a .png so the background is transparent.

This is s 33-66 module. We can have the background be dark grey, and use lt grey text!

Notice the image is set to background and runs full width

  • Notice that the more padding I set when making the module, the taller the image will be as it put a specified distance above and below the text.
  • Thus increasing the images hight overall.
  • This module PADDING is set to LARGE so its the maximum distance allowed. Also note that the bullets list is now chosen. Also note that the hight of the entire module is based on the amount of text…NOT the overall image size.
  • Also not that at anytime, I can select the BOLD icon and change the weight of my text.
  • I need to see if I can change bullet colors. Humm

This is s 33-66 module. We have the background set to white and the image is still background.

  • I would NOT use this 33-66 module when there is a lot of text. It is nicer with less text overall
  • This module PADDING is set also set to MEDUIM so you can notice its a smaller distance allowed above and below the text

Full width banner with text module. Not sure what to use it for

Best Offer Layout 50-50 Module. We need to add the full wysiwyg type editor.

This is the Best offer 50 50 Module. It has not been used in the site yet but this is a test to see how it would look when used. The header need the color editor added.

Check out our Retail Experience >

3 Column layout without icons

We can add some text here in the left column if we want to.

vid ea verciis et deriant ectempelest, soluptiur? Qui sitas id mo et aut disimolum, cusam, solorum quo dolut ressit ullisim illorem. Itatas que consequi sume rehenih itatur reptas isciume molorum que nos alicium fugia que nemquis atis

We can add some text here in the right side column if we want to.

  • Vid ea verciis et deriant ectempelest, soluptiur? Qui sitas id m
  • Disimolum, cusam, solorum quo dolut ressit ullisim illorem. Itatas que consequi sume rehenih itatur reptas.
  • Itatas que consequi sume rehenih itatur reptas.
  • Consequi sume rehenih itatur reptas Itatas que consequi sume rehenih itatur reptas.