Teaser Block

Used to insert a content teaser


 

Teaser Block - Layout 1 (1up)

 


 

Teaser Block - Layout 3

 

Business Insurance

Accidents, natural disasters, and lawsuits protection

Business Insurance

Accidents, natural disasters, and lawsuits protection

Business Insurance

Accidents, natural disasters, and lawsuits protection

Business Insurance

Accidents, natural disasters, and lawsuits protection


 

Teaser Block - Layout 9

***  Teaser 9 is broken and requires a container with "position: relative;" to work correctly.  ***

Business Insurance

Accidents, natural disasters, and lawsuits protection

Link Text

Business Insurance

Accidents, natural disasters, and lawsuits protection

Link Text

Business Insurance

Accidents, natural disasters, and lawsuits protection

Link Text

Business Insurance

Accidents, natural disasters, and lawsuits protection

Link Text

The issue is that the Teaser 9's "class="link teaser-item-9__link" has property value of "position: absolute;" while there is no parent with "position: relative;".

As a result, the "Link Text >" renders outside of Teaser 9 at the top of the column, typically overlaying another element.

image629al.png

imagemg3jm.png

Current / Broken How it should render
imagefl31k.png image52wj.png

 


 

Teaser Block - Layout 10

 

Business Insurance

Accidents, natural disasters, and lawsuits protection

Link Text
Business Insurance

Accidents, natural disasters, and lawsuits protection

Link Text
Business Insurance

Accidents, natural disasters, and lawsuits protection

Link Text
Business Insurance

Accidents, natural disasters, and lawsuits protection

Link Text