How to Create Custom Styled Content Boxes in Minutes with Thrive Architect
Thrive Architect features a "content box" element, which starts out as a blank, empty container. In this video, you'll discover how you can go from this blank slate to almost any custom styled content box you can think of, in just minutes.
You'll see how to create mobile responsive note boxes for your blog content, feature boxes for landing pages and sales pages and much more.
The Basic Workflow
The basic worflow for building styled content boxes goes like this:
- Add the content box element to your page.
- Apply padding to all sides.
- Add the text content.
- Style the box with background colors, gradients, images, borders, rounded corners, shadows etc.
- Switch to tablet and mobile views to make adjustments where necessary.
Make sure you do the last step before you duplicate the content box or save it as a template. This ensures that you have to do the responsive editing only once.
Get the Templates from the Video
In Thrive Architect, you'll find a set of landing pages called "Element Templates". Inside, there's a landing page called "Content and Icon Boxes". I have added all the content boxes from the video to this landing page. You can load the landing page, choose any of the boxes you'd like to reuse and save them as content templates on your site.
As you could see from the video, it's very easy to create completly customized content boxes. However, we won't just leave it at that. We are working on brining a "styled box" element into Thrive Architect, where you will have more immediate access to a growing library of professionally designed content box templates. Stay tuned for news on this upcoming feature.
I hope you found this tutorial useful and are inspired to build some custom content boxes of your own!