Overview of Page Sections

Every single web page in the world is made up of "sections", and you can think of them like "building blocks" that stack to build your page.

Some simple pages contain just 1 section. Regular business website pages will consist of anywhere from a couple to a dozen sections, depending on the content in it. More complex pages, such a sales pages can have dozens of sections.

In this overview article, we're going to direct you to the articles you'll need to master Page Sections and build anything you wish!

Section basics

Adding a new section to a page - learn how to place a new section wherever on a page you wish

Deleting (or hiding) a section from a page - sometimes sections need to be removed (or hidden) from your page for one reason or another

Moving/reordering sections of a page - move your page sections around with a single click & drag

Editing a page section - how to edit, change or customize an existing section on your page

Renaming a page section - it's important to keep your page sections named and organized well

Copying a section for re-use on the same page - sometimes a section just looks good that you want to repeat the magic further down the same page. Here's how

Saving a page section for re-use on another page - once you have your page section looking just right, you can save it to your Custom Sections Library, and use it on other pages. This means you'll never have to re-do your work.

Working with Section content

Adding a color into a page section background - sometimes you want a page section to stand out from the page by giving it a different color

Adding a color gradient into a page section background - another option to make a page section stand out is to use a color gradient

Adding an image into a page section background - hero banner sections in particular love having image backgrounds. Here's how.

Adding a video to a page section background - there aren't many places where you would want to use a background video in a section. If you find one, here's how to do it.

Changing the height of a page section - your sections can be any height -- here's how to adjust it however you like.

Making very small layout adjustments - here's how to make very small adjustments to a section.

Page Elements

Adding page elements - General how-to advice for adding any kind of element to your page -- from a headline, to a piece of text, an image, a video, etc.

Moving or dragging an element - How to move or drag elements around on your page

NEW: Can we do the work for you?

If you're like most entrepreneurs, you have a million projects in your head, with no way to get them all done. As a result, you feel stalled and frustrated.

You've tried doing it all yourself, but you know it's unsustainable, and a one way ticket to burnout and overwhelm.

You don't yet have the resources to hire your own team of designers and developers, so you feel stuck, going around in circles.

If you resonate, then relax, because we're here to help.

Our in-house tech, design & web team is ready to help, and available for almost anything. (Seriously!)

We'll take all of the tasks you've been collecting, and make them happen for you quickly and efficiently in the background, leaving you free to focus on what you do best.

And you won't pay through the nose either -- it's available for an incredibly low 5-hour "done for you" package -- it's just $200 for access to our in-house, highly-trained team of tech and design professionals. Best of all, the time never expires and you can use it as quickly or as slowly as you like.

Grab your 5-hour 'done for you' package here and let's get your business moving again!

Other Articles in this Category

Creating Pages

Pages are the heart of your site, and what you can build in Heroic is simple unmatched. Here's all the support you need to get started.

View this category

My Account

Got questions about how to manage your account? We're compiling them all here. If we missed anything, let us know and we'll add it.

View this category


Our goal is to integrate with every 3rd party platform out there. Here's what we have currently!

View this category


Heroic comes with a full featured, yet simple-to-use blogging platform that allows virtually anyone to get bloggin'...

View this category


Normally popups are hard to create, add to your site, and integrate with 3rd party platforms. Not here :)

View this category

Fonts & Colors

Heroic's global font & color system keeps everything looking great, and makes editing FAST!

View this category


Here's how to connect your site with your custom domain

View this category

Conversion U

Some our best articles on copywriting, design, branding and more!

View this category

Random Stuff

A home for articles that don't seem to fit anywhere else. Give 'em some love?

View this category

Trainings & Courses

Our expertly curated collection of education and training...

View this category

Recommended Tools

Here are the 3rd party tools that'll make life easier as an online entrepreneur!

View this category