How to add images to the CSS area for use within the Vertical Timeline quote blocks

Feb 1

Written By Roger Smith

This is a tedious, yet simple process.

From Pages area, Edit Timeline page

Click Plus Symbol to add new Quote Block

A choice of Content Blocks will appear

Choose Quote Block

Enter Timeline entry content

Add <img src=/temporary_placeholder/> tag

Click "Save"

Quote Block will appear with Image Placeholder

Navigate to "Design" and click

Choose "Custom CSS"

Click into end of code area and add a few "Returns"

Click "Manage Custom Files"

Choose "Add images or fonts."

Select your desired image to upload

Scroll to bottom of images to locate your recent upload

Click to select image

The code will likely show an error - not an issue

Select and cut the link code

Error will disappear after "cut"

Click "Save"

Navigate to Timeline and Edit page

Select temporary placeholder in the <img src> HTML tag

Paste the link and adjust until it appears

Click "Apply"

Click "Save"

Roger Smith

Squarepaste.com Timeline code - Overview

Applying code to a single page - Timeline page