Home | Documentation | Snippets | Paragraph with floating image left

Paragraph With Floating Image Left

Text paragraph for pages with left image, floated by title and text and optional linked button.

Usage Example

Paragraph with floating image left

Input

Paragraph with floating image left
Paragraph with floating image left
Paragraph with floating image left

Parameters

  • Caption
    • Caption for image (optional)
    • type: text
  • Copyright
    • Copyright annotation for image (optional)
    • type: text
  • Image
    • Image to appear left, floated by the text; max. file size 200 kB
    • type: image
  • Link
    • URL for linked button, appears after the text (optional)
    • type: url
  • Link Text
    • Text for linked button (optional, default: <Learn More>)
    • type: text
  • Text
    • Text of the paragraph in html format, floats the image
    • type: html
  • Title
    • Title of the paragraph in <titlesize>
    • type: textarea
  • Title Size
    • Size and level of the title; <h2 small> has the size of h3, <h3 big> has the size of h2 (default: <h2>)
    • type: select

Preview

Title in h2

Caption: Lorem ipsum dolor sit amen

Title in h2

Text in large font.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.

Source Code

{{< txtImgLeft title="Title in h2" titleSize="h2" txt1="<p>Text in large font.</p><p>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.</p>" img="/images/adobestock/adobeStock-142781697-F8.jpeg" copyright="copyright" caption="Caption: Lorem ipsum dolor sit amen" link="https://mcml.ai" linktext="MCML Website" >}}