Maddux - "Home - Alternative 3" instructions

Like many pages within the Maddux Demo, the "Home - Alternative 3" page relies on shortcodes. To get started with mimicking the look of that page, look for the "TS Shortcodes" button when editing your homepage. It looks like this:

image: shortcodes button

...and will be situated with the other buttons in the text editor.

Creating columns

The upper-most section of the "Home - Alternative 3" page (excluding the slider, which we'll come to later) is split into three columns

While editing your homepage, locate the TS Shortcodes button, click it and select "Add Column(s)..." from the "Choose a Shortcode" drop-down. Then do the following:

  1. Ignore the first two options, and choose "One third (1/3)" for the "Column Type" (this represents your first column)
  2. Next, add some placeholder text like "Column 1 content" in the "Content" field (we'll come back to this later)
  3. To create your second column, scroll down a little further and click the "Add Column" button
  4. The type should be set to "One third (1/3)"
  5. Add some placeholder text like "Column 2 content" in the content field
  6. Do this one more time, giving the 3rd column a "Column Type" of "One third (1/3)"
  7. Click the "Add Shortcode" button

What you add to the columns you created is completely up to you, but if you want to mimic our "Home" layout, do the following:

For column 1:

  1. Select the column 1 content, and click the TS Shortcode button
  2. From the "Choose a shortcode" dropdown, select "Blog Widget"
  3. There are plenty of options here, so feel free to play around a bit until you've gotten the layout you want. Our settings:
    • Limit: 3
    • Categories: Lifestyle
    • Override heading: Yes
    • Show excerpt: No
    • Show Featured Image/Video: Only for the first post
    • (all other settings were left untouched)
  4. Click the "Add Shortcode" button when you're ready

For column 2:

  1. Select the column 2 content, and click the TS Shortcode button
  2. From the "Choose a shortcode" dropdown, select "Blog Widget"
  3. There are plenty of options here, so feel free to play around a bit until you've gotten the layout you want. Our settings:
    • Limit: 3
    • Categories: Food
    • Override heading: Yes
    • Show excerpt: No
    • Show Featured Image/Video: Only for the first post
    • (all other settings were left untouched)
  4. Click the "Add Shortcode" button when you're ready

For column 3:

  1. Select the column 3 content, and click the TS Shortcode button
  2. From the "Choose a shortcode" dropdown, select "Blog Widget"
  3. Our settings:
    • Limit: 3
    • Categories: Technology
    • Override heading: Yes
    • Show excerpt: No
    • Show Featured Image/Video: Only for the first post
    • (all other settings were left untouched)
  4. Click the "Add Shortcode" button when you're ready

Underneath all of that, we added the "Divider" shortcode with the following settings

Next, we added the "Blog" shortcode with the following settings

General Settings:

Next, we removed the sidebar from this page. You can do so by scrolling down past the text editor and choosing "No" for "Show the sidebar".

Slider:

And finally, we added a slider. The slider settings can be found under the text editor. Our settings:

That's it! Please don't hesitate to use the contact form on our profile page or post in our support forum if you have any further questions.