Get started
Assets
Components
- Content Section
  - Pre-Defined Background Color
  - Gradient Background
  - Custom Background Color
  - Background Image
  - Parallax Background
  - Video Background
  - Transparent Overlay
  - White Content
  - Full-Screen Section
  - Vertically Center Content
  - Scroll Next
- Centered
- Section Intro
- Hero Banner
- Hero Slider
- Hero Format
- Equal Height
- No Gutter
- All Inline
- Vertical Center
  - Vcenter
  - Vmiddle
- Stack
  - MD Stack
  - Never Stack
- Shift Col
- Buttons
  - Plain Links
  - Call to Action
  - Color 1
  - Color 2
  - Theme
  - Dark
  - Heading
  - Header
  - White
  - Gradients
    - Gradient 1
    - Gradient 2
    - Gradient 3
    - Gradient 4
    - Gradient 5
    - Gradient 6
    - Gradient 7
    - Gradient 8
    - Gradient 9
    - Gradient 10
    - Gradient 11
    - Gradient 12
- Icons
- Social Icons
  - Follow Me
  - Custom Module
- Tabs
  - Custom Module
  - Drag and Drop
- Slider
  - Basic
  - Advanced
- Accordion
- Advanced Gallery
- Tooltips
- Video Background
- RSS Cards
- Change Image
  - Custom Module
  - Drag and Drop
- List Type Buttons
- List Type Tabs
- List Type Dropdown
- List Type Inline
- List Type Tags
- Sticky
- Reveal
- Animation
- Popups
  - Image
  - Iframe (video)
  - Content
- Image Box
- Listing
  - Flexible Listing
  - Advanced Listing
- Mega Menu
- Scroll to Top
Breakpoints
Utility classes
- Visibility
- Alignment
- Space
- Width
- Text size
- White content
- Links
- Paragraphs
- Headings
Templates

Blog I: Introduction

This template features a simple classic blog layout with a sidebar on the right:

There are a few options for the position of the featured image on the listing view by changing the template's body class:

1 Edit your blog template and make sure nothing is selected in the layout panel (no group or other module is selected), then look for the Body classes field on the right:

Act21 Blog I - Body class

2 You can change the existing class featured-image-right with one of these:

featured-image-left for this layout:

Act21 Blog I - Body class - featured-image-left

Or featured-image-top for this layout:

Act21 Blog I - Body class - featured-image-top

3 Publish your changes.

If the blog is live it may be cached so you may not see the changes right way. You can either wait a bit for the HubSpot cache to clear out, clear your browser cache or access your blog URL by appending something unique at the end. e.g. https://www.yourwebsite.com/blog?v13