The Image with text section is a versatile and engaging way to combine media and messaging together.
Add this section to
Customize general settings
Click the Image with text section to customize its general settings.
Wide display
Enable Wide display for the section to span the full width of the window. Otherwise, the section will be limited by a horizontal container.
Image
Click Select Image to connect the Image.
Image height
Select Natural (fits image's height), 400px, 500px, 600px, 700px, or 800px for the Desktop height.
Control the Mobile height separately by selecting Natural (fits image's height), 300px, 400px, or 500px.
Image width
Select either 50% or 60% to control the horizontal space occupied by the image.
Style
Use the Position setting to place the image on the Left or Right side of the section.
Customize blocks
The text and button components for the section are customized using blocks. Add and customize blocks for Preheading, Heading, Text, and Button.
Preheading block
Click the Preheading block to customize it.
Add the text for the preheading with the Content field.
Select Small, Medium, or Large for the Size.
Enable Bolder text to increase the font weight.
Activate Uppercase text to change all letters to uppercase.
Heading block
Add text with the Heading field.
Select Small, Medium, Large, or Extra large for the Desktop size.
To have separate font sizes for desktop and mobile, select Small, Medium, Large, or Extra large for the Mobile size. To keep these the same, select Same as desktop.
Text block
Add text to the Description field. Style portions of the text with the Bold and Italic buttons, then add a link using the URL button.
Select Small, Medium, or Large for the Size.
Button block
Add up to three buttons with the Button group block. Click the Button group block to customize its content.
Add the button text to the Label field.
Connect a URL through the Link field.
Select Primary, Secondary, or Signpost from the Style dropdown.
Customize the Main color and Contrast color using the provided color selectors.
Share your experience with Tailor
Your feedback is crucial! Help make Tailor better by sharing your thoughts.
What to provide:
- Pain points: What's not working for you?
- Missing features: What should we add to Tailor?
- General feedback: Any other ideas?
How to provide feedback:
- Fill out our quick and easy form.
- Details help us improve, so the more specific, the better!