The Fullwidth Text Block

The Fullwidth Text block in WordPress allows you to add text that spans the entire width of the page. This block resizes dynamically with the browser, ensuring your content is always fully visible. Additionally, you can add a background image to enhance the visual appeal of the text. Each block has a “Content” and “Settings” tab for easy customization. Here’s a step-by-step guide on how to use the Fullwidth Text block.

Step-by-Step Instructions

1. Log in to Your WordPress Admin Dashboard:
   • Open your web browser and navigate to your WordPress login page (usually yourdomain.com/wp-admin).
   • Enter your username and password, then click “Log In.”
2. Navigate to the Page Editor:
   • In the left-hand sidebar, click on “Pages” and select the page where you want to add the Fullwidth Text block.
   • Click on the page title to open the page editor.
3. Add a Fullwidth Text Block:
   • Scroll down to the “Flexible content blocks” section in the page editor.
   • Click the “+” button to add a new block and select “Fullwidth Text.”

Content Tab Configuration

1. Add Text Content:
   • In the “Content” tab, enter the primary content for the block in the “Text” field.
2. Add a Background Image:
   • If you want to add a background image to the text, click “Add Image” in the “Text background image” section.
   • Upload a new image or select one from your media library.

Settings Tab Configuration

1. Remove Bottom Margin:
   • If you want the Fullwidth Text block to sit flush with the block below it, toggle the “Remove bottom margin” option to “Yes.”
   • This removes the default margin added to the block, ensuring it aligns perfectly with the next section.

Save and Publish

1. Save Your Changes:
   • After configuring the content and settings for your Fullwidth Text block, ensure you save your changes by clicking “Save Draft” or “Update” if the page is already published.
2. Preview and Publish:
   • Use the “Preview” button to see how the Fullwidth Text block will appear on your page.
   • Once satisfied, click “Publish” to make your changes live.