Text and Image Component
Available on any page, the Text and Image Component allows rich text and an image to be placed on a page. The text can wrap around the image which can be aligned to the left or the right. The image can also display above the text with the top alignment option.
Dynamic Media Smart Crops:
- Text and Image:
- Ratio 16 by 9 (default): TT-BA-Medium-16-9
- Ratio 1 by 1: TT-BA-Small-1-1
- Ratio 3 by 2: TT-BA-Small-3-2
Notes:
- If displaying an image above the text, choose a non dynamic media image. Otherwise, we recommend using an Adaptive Image component so the image has more space to expand on the page.
Text and Image (16 by 9) with image right aligned and a link on the image.
Ullamcorper suspendisse adipiscing ut vulputate quisque parturient ante himenaeos a a eget condimentum a habitasse. Eleifend dignissim tempus scelerisque suspendisse laoreet ultricies malesuada consectetur leo a a hac ullamcorper vestibulum primis nulla nunc iaculis elementum a parturient parturient bibendum ipsum adipiscing potenti. Lobortis turpis duis leo class cum in suspendisse eros eu a a arcu class quis a id scelerisque ad primis scelerisque. Fusce massa nostra vestibulum habitasse vestibulum neque a porttitor donec nisl cum lobortis vestibulum vestibulum adipiscing urna non bibendum a a sed dis vitae adipiscing urna. Class magna mi non aptent at parturient id vel mi dui urna condimentum torquent fusce inceptos etiam ultrices dictum pulvinar mauris parturient conubia a parturient tristique. Suspendisse adipiscing ultrices parturient quis nascetur a lacinia lacus pharetra adipiscing parturient nam parturient ad justo a ut diam mollis adipiscing a condimentum a dapibus sociis. Vestibulum integer neque parturient tristique libero hendrerit nam fermentum ac varius mi sed fames leo leo dictum a scelerisque habitasse nunc enim scelerisque enim ullamcorper mi posuere.
Duis aenean mus habitant eros condimentum taciti leo et cursus a suspendisse purus adipiscing mi parturient primis vel condimentum parturient suspendisse scelerisque metus scelerisque. Adipiscing enim molestie a quis posuere pharetra dapibus nascetur fames placerat suspendisse non pretium a ridiculus ac vestibulum a nulla. Sem habitasse magnis class condimentum a sem a convallis nam at scelerisque parturient commodo iaculis orci aliquet condimentum suspendisse tempus vehicula. Iaculis urna sodales elementum facilisi eleifend a a vestibulum porttitor cum id vel himenaeos scelerisque habitant a suscipit parturient quam ad montes vestibulum a a suspendisse a.
Mi pretium ridiculus ornare ullamcorper cubilia convallis parturient a suspendisse etiam eget vehicula aliquet condimentum vivamus id a duis a scelerisque nam a posuere phasellus scelerisque vestibulum.
Text and Image (1 by 1) with image left aligned and no link on the image.
Ullamcorper suspendisse adipiscing ut vulputate quisque parturient ante himenaeos a a eget condimentum a habitasse. Eleifend dignissim tempus scelerisque suspendisse laoreet ultricies malesuada consectetur leo a a hac ullamcorper vestibulum primis nulla nunc iaculis elementum a parturient parturient bibendum ipsum adipiscing potenti. Lobortis turpis duis leo class cum in suspendisse eros eu a a arcu class quis a id scelerisque ad primis scelerisque. Fusce massa nostra vestibulum habitasse vestibulum neque a porttitor donec nisl cum lobortis vestibulum vestibulum adipiscing urna non bibendum a a sed dis vitae adipiscing urna. Class magna mi non aptent at parturient id vel mi dui urna condimentum torquent fusce inceptos etiam ultrices dictum pulvinar mauris parturient conubia a parturient tristique. Suspendisse adipiscing ultrices parturient quis nascetur a lacinia lacus pharetra adipiscing parturient nam parturient ad justo a ut diam mollis adipiscing a condimentum a dapibus sociis. Vestibulum integer neque parturient tristique libero hendrerit nam fermentum ac varius mi sed fames leo leo dictum a scelerisque habitasse nunc enim scelerisque enim ullamcorper mi posuere.
Duis aenean mus habitant eros condimentum taciti leo et cursus a suspendisse purus adipiscing mi parturient primis vel condimentum parturient suspendisse scelerisque metus scelerisque. Adipiscing enim molestie a quis posuere pharetra dapibus nascetur fames placerat suspendisse non pretium a ridiculus ac vestibulum a nulla. Sem habitasse magnis class condimentum a sem a convallis nam at scelerisque parturient commodo iaculis orci aliquet condimentum suspendisse tempus vehicula. Iaculis urna sodales elementum facilisi eleifend a a vestibulum porttitor cum id vel himenaeos scelerisque habitant a suscipit parturient quam ad montes vestibulum a a suspendisse a.
Mi pretium ridiculus ornare ullamcorper cubilia convallis parturient a suspendisse etiam eget vehicula aliquet condimentum vivamus id a duis a scelerisque nam a posuere phasellus scelerisque vestibulum.
Text and Image (3 by 2) with image right aligned and no link on the image.
Ullamcorper suspendisse adipiscing ut vulputate quisque parturient ante himenaeos a a eget condimentum a habitasse. Eleifend dignissim tempus scelerisque suspendisse laoreet ultricies malesuada consectetur leo a a hac ullamcorper vestibulum primis nulla nunc iaculis elementum a parturient parturient bibendum ipsum adipiscing potenti. Lobortis turpis duis leo class cum in suspendisse eros eu a a arcu class quis a id scelerisque ad primis scelerisque. Fusce massa nostra vestibulum habitasse vestibulum neque a porttitor donec nisl cum lobortis vestibulum vestibulum adipiscing urna non bibendum a a sed dis vitae adipiscing urna. Class magna mi non aptent at parturient id vel mi dui urna condimentum torquent fusce inceptos etiam ultrices dictum pulvinar mauris parturient conubia a parturient tristique. Suspendisse adipiscing ultrices parturient quis nascetur a lacinia lacus pharetra adipiscing parturient nam parturient ad justo a ut diam mollis adipiscing a condimentum a dapibus sociis. Vestibulum integer neque parturient tristique libero hendrerit nam fermentum ac varius mi sed fames leo leo dictum a scelerisque habitasse nunc enim scelerisque enim ullamcorper mi posuere.
Duis aenean mus habitant eros condimentum taciti leo et cursus a suspendisse purus adipiscing mi parturient primis vel condimentum parturient suspendisse scelerisque metus scelerisque. Adipiscing enim molestie a quis posuere pharetra dapibus nascetur fames placerat suspendisse non pretium a ridiculus ac vestibulum a nulla. Sem habitasse magnis class condimentum a sem a convallis nam at scelerisque parturient commodo iaculis orci aliquet condimentum suspendisse tempus vehicula. Iaculis urna sodales elementum facilisi eleifend a a vestibulum porttitor cum id vel himenaeos scelerisque habitant a suscipit parturient quam ad montes vestibulum a a suspendisse a.
Mi pretium ridiculus ornare ullamcorper cubilia convallis parturient a suspendisse etiam eget vehicula aliquet condimentum vivamus id a duis a scelerisque nam a posuere phasellus scelerisque vestibulum.
Text and Image with image on top of the text. This is only useful for large images that are not using Dynamic Media images.
Ullamcorper suspendisse adipiscing ut vulputate quisque parturient ante himenaeos a a eget condimentum a habitasse. Eleifend dignissim tempus scelerisque suspendisse laoreet ultricies malesuada consectetur leo a a hac ullamcorper vestibulum primis nulla nunc iaculis elementum a parturient parturient bibendum ipsum adipiscing potenti. Lobortis turpis duis leo class cum in suspendisse eros eu a a arcu class quis a id scelerisque ad primis scelerisque. Fusce massa nostra vestibulum habitasse vestibulum neque a porttitor donec nisl cum lobortis vestibulum vestibulum adipiscing urna non bibendum a a sed dis vitae adipiscing urna. Class magna mi non aptent at parturient id vel mi dui urna condimentum torquent fusce inceptos etiam ultrices dictum pulvinar mauris parturient conubia a parturient tristique. Suspendisse adipiscing ultrices parturient quis nascetur a lacinia lacus pharetra adipiscing parturient nam parturient ad justo a ut diam mollis adipiscing a condimentum a dapibus sociis. Vestibulum integer neque parturient tristique libero hendrerit nam fermentum ac varius mi sed fames leo leo dictum a scelerisque habitasse nunc enim scelerisque enim ullamcorper mi posuere.
Duis aenean mus habitant eros condimentum taciti leo et cursus a suspendisse purus adipiscing mi parturient primis vel condimentum parturient suspendisse scelerisque metus scelerisque. Adipiscing enim molestie a quis posuere pharetra dapibus nascetur fames placerat suspendisse non pretium a ridiculus ac vestibulum a nulla. Sem habitasse magnis class condimentum a sem a convallis nam at scelerisque parturient commodo iaculis orci aliquet condimentum suspendisse tempus vehicula. Iaculis urna sodales elementum facilisi eleifend a a vestibulum porttitor cum id vel himenaeos scelerisque habitant a suscipit parturient quam ad montes vestibulum a a suspendisse a.
Mi pretium ridiculus ornare ullamcorper cubilia convallis parturient a suspendisse etiam eget vehicula aliquet condimentum vivamus id a duis a scelerisque nam a posuere phasellus scelerisque vestibulum.