Position Your Images Alongside Text

Position Your Images Alongside Text

Content positioning is a feature that is available to you in all image blocks, and it can be selected within the Design tab on your dashboard.


How to position images within your page content

1. From Content, and in your page that includes your image with content, select the blue Design this page button in the top righthand sidebar

2. From here, you will need to select the Image block by clicking it in the preview window or the righthand design panel

3. At the top, under Layout, you must choose one of the two options titled Image to the Left of Text or Image to the Right of Text, click the arrow in the dropdown box for these layouts

 

4. After you choose a Layout, you will notice Content Position appears below it

5. Align the text content to the Top, Middle, or Bottom by choosing one of the 3 buttons. You may also choose to enable or disable Text wrapping around your image by checking it on or off, but note that this option only works enabled with the Top alignment choice

6. Select Save and Publish, done!

    • Related Articles

    • Add Overlay Text or Hover Effects to Your Images

      Craft a more beautiful image block or image gallery with our stylized overlay and hover effects. Image effects allow you to display content titles/descriptions and link to other pages on your site. Click Design at the top of your liveBooks dashboard, ...
    • Add More Text Columns

      If you would like columns of text on your page, here is how you can add them: 1. Select the Design tool in the gray navigation bar and select the Text block you would like to change. 2. On the right-hand panel, scroll down until you see the Content ...
    • Fully Stretch Background Image/Images for Content Blocks

      You can add a fully stretched background to your content blocks by following these steps: 1. Select the Design tool in the gray navigation bar. Under the Sitewide tab in the design options on the right-hand side of the preview, select Styles. 2. ...
    • Wrap Text Around an Image

      If you are displaying an image next to or near text on a page, you can set the text to "wrap" around the image. How to add text wrap 1. Select Design tool in the gray navigation bar. 2. Click on the page you wish to edit in the design preview window. ...
    • Add or Remove Padding from the Navigation Menu

      There are two ways to add and remove the padding from the navigation menu, on a site-wide scale and on a page-by-page basis. To remove the padding on a sitewide level, follow these steps: 1. Select Design 2. Select Sitewide in the Design panel on the ...