Blogpost Responsive Infographic

Blogpost Responsive Infographic

Product Name: Blogpost Responsive Infographic
Internal Name: CM Blogpost Responsive Infographics

Description: Adding an infographic to a blogpost is easy, but when you look at the image on a mobile it seems to small, so tiny. Adding this module to your blog template makes it possible to upload 3 different infographics. One for desktop, tablet & mobile.

Setup

Step 1 : open the HubSpot Design Tools

  1. Go to the Design Tools and open your blog template to edit
  2. Add you CM Blogpost Responsive infographic just below the Blog Content module in the template
  3. Save the template
  4. Ready

Step 2 : Each time you add/ edit a new blogpost you will see a cube in the left sidebar

edit-modules

Click It and the module sidebar will open, now click on

CM-Blogpost-responsive-infograhics

The new modules opens:

CM-module

Set alignment to all the infographics, then add a new infographic for each of the 3 different size

CM-module-infographi-desktop

For best result, create 3 different infographic depending the body-width you have available

  1. one for Desktop - example width 1025px
  2. one for Tablet - example width 700px
  3. one for Mobile - example width 400px

Step 3 : If needed tweak the breaking point in the module itself

Screenshots

Type

Module

Functions

Image

Works with

Blog

SUPPORT

We offer free support on all of our modules.  If you have any issues with this module contact our support team and we will be happy to answer your questions. 

Contact support

david-mcneil-testimonial-leadstreet
Don’t be shy
Drop us a line!

We’re looking forward to building your website.

Let's talk websites