FlexBLOG Card Style

This FlexHUB blog template features responsive full width posts, custom slide-out sidebar, and a featured banner for each individual post that can have an image or video in the background. Each post has easy custom editing features so that you can customize your post with the right CTA and featured image.

How To Customize

Because Hubspot does not provide an editor for main Blog Templates, we are limited by how much customization we can provide. However, by changing a few simple variables in the CSS, you can customize the colors of your blog.

To find these options you need to go to Design Manager > Purchased (2nd one down on the sidebar) > flexhub.css - Then find the code below:

The HEX numbers are colors (e.g. #000000 = Black).

To change the font, you have to add the font to the file. Go to https://www.google.com/fonts and click on this little button on the font that you want to use for your blog -

Then select the following @import code and add it to the VERY TOP of the flexhub.css file:

ADD TO TO TOP OF FILE HERE:

You can also choose a video background in MP4 or WebM format for each of your posts. Video does not show up in the main blog listing, but it will show on the post. If you use video, don't forget to also select a backup background image for older browsers and computers!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Etiam non sodales ex, sit amet molestie ex. Maecenas non ipsum consequat urna viverra rutrum. Cras et vestibulum nunc. Maecenas eu elit tellus. Vestibulum enim justo, tempor eget odio iaculis, efficitur aliquam sapien. Praesent ullamcorper erat eget venenatis sodales. Duis a nisl hendrerit, pretium tellus eget, iaculis arcu. Nunc justo tellus, euismod eu mauris vel, efficitur gravida nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer eleifend, sapien ut euismod aliquam, nibh metus dictum leo, varius porta ante felis id sem. Cras tempor euismod dignissim.

Nam sed tortor pharetra, imperdiet risus quis, interdum elit.

Aliquam sollicitudin sagittis massa, sit amet tempor velit ornare sit amet. Donec in urna dui. Mauris ante dolor, sollicitudin in efficitur sed, congue in quam. Cras eleifend risus sem, in venenatis felis porta vitae. Ut pretium dolor eu dignissim accumsan. Donec dapibus ultrices ex ullamcorper congue. Phasellus maximus ultrices enim, quis bibendum ex accumsan non. Interdum et malesuada fames ac ante ipsum primis in faucibus.

• Maecenas sed aliquam libero.
• Pellentesque et erat erat.
• Donec gravida a diam sit amet aliquet.

Morbi euismod, velit eget porttitor varius, velit sem efficitur augue, id rhoncus sem nulla nec felis. Quisque luctus eros sapien. Integer commodo volutpat aliquet. In hac habitasse platea dictumst. Phasellus suscipit ultricies justo eget placerat. Nulla venenatis non nulla in venenatis.

Nam mollis velit sed pellentesque pretium. Duis vehicula ipsum nunc, placerat auctor elit mollis vitae. Maecenas quis libero eu sapien sodales rhoncus quis in diam. Pellentesque ac libero quis dui maximus imperdiet. Vestibulum accumsan leo non imperdiet convallis. Praesent sollicitudin sapien non elementum pulvinar. In mollis at purus in auctor. Maecenas luctus nunc at tortor convallis fringilla. Fusce id fringilla orci. Praesent sodales diam sit amet nunc sodales aliquam. Vestibulum porta, urna at porta tincidunt, erat sapien fringilla urna, vitae convallis risus neque eget nibh. Sed blandit arcu ac mauris bibendum, quis varius orci congue. Nullam et metus elit. Maecenas nec turpis vestibulum metus imperdiet convallis. Maecenas pretium erat non ipsum sodales volutpat. Duis sit amet nulla et dui varius tempor vitae dapibus massa.