test-lise

Lise's private test area

cell='caption', style='heading3', valign='middle'

do less with more focus

EZP_placeholder_470x300

cell='caption', style='heading1', valign='top'

do less with more focus

 

Curabitur nisl nulla, commodo vitae tincidunt in, ultricies sit amet metus. Nullam justo eros, blandit vitae arcu ut, eleifend faucibus turpis.

EZP_placeholder_470x470

cell='caption', style='header 1.strong-title.no-offsetBottom', valign='top'

do less with more focus

 

When '... no-offsetBott ...' is applied, the font size increases and the spacing below the text decreases.

EZP_placeholder_470x470

EZP_placeholder_470x470

cell='text', style='paragraph', valign='bottom'

LEFT: Curabitur nisl nulla, commodo vitae tincidunt in, ultricies sit amet metus.

CENTER: Quisque fermentum egestas blandit. Ut risus dolor, viverra nec nulla in, congue suscipit urna. Vivamus in varius odio, ac rhoncus nulla. Praesent laoreet arcu id elit bibendum, sit amet laoreet massa vehicula.

RIGHT: Nullam lorem metus, sagittis ut neque et, consectetur dapibus tellus. Sed eget turpis ipsum.

cell='caption', style='paragraph', valign='top'

LEFT: Curabitur nisl nulla, commodo vitae tincidunt in, ultricies sit amet metus. Nullam justo eros, blandit vitae arcu ut, eleifend faucibus turpis. Aliquam nec pellentesque ipsum, quis ornare quam. Aliquam accumsan arcu ligula, vulputate rutrum neque convallis et.

CENTER: Quisque fermentum egestas blandit. Ut risus dolor, viverra nec nulla in, congue suscipit urna. Vivamus in varius odio, ac rhoncus nulla. Praesent laoreet arcu id elit bibendum, sit amet laoreet massa vehicula.

RIGHT: Nullam lorem metus, sagittis ut neque et, consectetur dapibus tellus. Sed eget turpis ipsum.

EZP_placeholder_470x470

EZP_placeholder_470x600

cell='text', style='paragraph', valign='top'

RIGHT: When working with paragraph text on a coloured background, make sure that the cell is set 'caption', to avoid the non-existing padding on the right or left side. In 'text' mode padding always appear in the center; left column = padding to the right - right column = padding to the left. Only 'caption' have padding on both left and right sides.

CENTER: Quisque fermentum egestas blandit. Ut risus dolor, viverra nec nulla in, congue suscipit urna. Vivamus in varius odio, ac rhoncus nulla. Praesent laoreet arcu id elit bibendum, sit amet laoreet massa vehicula.

LEFT: Nullam lorem metus, sagittis ut neque et, consectetur dapibus tellus. Sed eget turpis ipsum.

ISSUE! Left column is currently displaying at 475 px width in Firefox ... Safari and Chrome is 470 px...
... while right column is displaying at 470 px width for all 3 browsers.

Boxes with only text: cell='text', style='paragraph', valign='top'

NOTE! Safari and Chrome is 'middle' aligning ALL text - doesn't respond to valign= 'top' or 'bottom'

Boxes with only text: cell='caption', style='paragraph', valign='middle'

Quisque dictum, urna ac gravida sodales, ipsum ligula auctor odio, ut tempus nibh lectus dignissim sapien. Nullam posuere vitae lorem nec luctus. Pellentesque ac elit vitae arcu tincidunt molestie sit amet a eros. Pellentesque ipsum lacus, vulputate quis ultricies id, tincidunt eget odio.

Nam volutpat eros purus, non pretium sapien iaculis pellentesque. Mauris tristique nisl et neque malesuada gravida. Quisque vel justo pharetra, sagittis purus at, aliquam orci. Mauris urna velit, facilisis vel vehicula a, gravida quis sem. Etiam mollis leo quis ex lacinia eleifend. In tincidunt nisl eget tincidunt mollis. Integer iaculis sapien vel placerat molestie. Aenean consectetur leo consectetur, bibendum magna id, egestas justo.

Image as link towards product with specific colour:

April 2016