Landing Page – Center page caption box

This can be considered a caption box, but for the live demo site, it looks like this:

landing middle caption

Activate and Style Section 2

  1. Go to Appearance >> Customize >> Landing Page Options >> Section 2
  2. Check the box next to “Enable Section 2
  3. Find the “Background Colour” setting and choose your colour. The colour used on the demo is #a4b8c5
  4. Click “Save & Publish

Add Content

With your content, you can use embedded CSS (see the code below) to customize the text. The demo customized the font size and also aligned the text as “center”.

  1. Go to Appearance >> Widgets
  2. Drag a “Text Widget” into the “Section 2a” sidebar position.
  3. Title your widget and place an ! (exclamation mark) in front of it to hide the title from the front-end (use a plugin called Remove Widget Titles)
  4. Copy the code below into the widget
  5. Publish this widget to the Front Page (if using Display Widgets or Jetpack’s Widget Visibility feature)
  6. Click “Save
<h1 style="text-align: center;">Add Theme for Real Business Concepts</h1> <p style="text-align: center;"><span style="font-size: 16px;">Duis commodo elit felis, non porttitor nulla interdum et. Fusce sed sapien vitae massa malesuada rhoncus ac blandit felis. In hac habitasse platea dictumst. Vivamus eleifend risus sed ullamcorper bibendum.</span></p>