Landing Page – Middle Page Caption

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

fp mid page 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 a Gorgeous Portfolio Gallery</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>