Adding & Resizing Images

60-second intro to images

Adding an image to a page

To add an Image:

  • Click anywhere in the Section to activate it for editing
  • Hover your mouse where you wish to put your new element, and watch for the [icon-element-add] icon to appear
  • Click the icon to reveal the Elements menu
  • Click the Image option in the Elements menu.
  • A placeholder image will be inserted and the Images & Media popup will open.

In the Images & Media popup, you can:

  • select a previously uploaded image
  • upload a new image (up to 8mb file size) by clicking the button, or search for a free or premium image

To add the image to your section, click on it and it will drop in.

Adjusting Image Width

To adjust the width of your new image:

  • Hover over the image you want to adjust, and a toolbar will appear
  • Click Setup on the toolbar to open the Image panel on the left
  • Click the Design tab in the Image panel
  • Under Sizing, drag the slider to adjust the Image's Width

Image Sizing Pro Tip

When selecting images, you'll find the image size directly below its file name in the Image & Media popup.

For best results, we recommend these image sizes to help you avoid the mistakes you see on some sites -- for example, a banner picture that is too small or stretched to fit.

  • Full-Width Banner: 1200-2000 pixels wide
  • Main Column: 800 pixels wide
  • Sidebar: 400 pixels wide
  • 2 Pathways: 600 pixels wide
  • 3 Pathways: 400 pixels wide
  • 4 Pathways: 300 pixels wide

Lots of people found these next topics pretty useful...

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