Structuring Your Site with Wrappers

What are Wrappers?

Wrappers are the containers for your content items. These give you the flexibility to customize and modify your site to look the way you want, by adding padding, spacing, etc.

Basic Wrappers are used to hold content in a specific place on one of your website pages. These are the backbone that structure the way your site will look. These are extremely useful for configuring content into multiple rows, images, etc., that you can easily move from one spot to the next by dragging and dropping.


How can I use Wrappers on my Site? 

Basic Wrappers: These types of wrappers are good for the general content and can be used to easily organize and style your desired page. Organizing can be done by Labeling them once you drag and drop them onto the page. For stylization, you simply add the View Classes, if applicable with the view and position chosen, and then publish the content to that wrapper. 


Note: Every single client installation comes with a Basic Wrapper. DO NOT DELETE OR RENAME THIS AS THIS WILL BREAK YOUR SITE COMPLETELY! If you wish to create more wrappers, simply add a new wrapper within the 'Wrapper' folder

Hero Wrappers: These kinds of wrappers are very cool and simple to make for when you would like content to be displayed over an image. All you have to do is create a new wrapper, name it, and add an Image. Publish it to your page by dragging and dropping it, then add your static content to the wrapper and you are done! 


Need help with creating new wrappers or have suggestions? Let us know and we'd be glad to help!

Modified on Wed, 27 Sep 2023 at 10:29 AM

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article

Make sure these features are added to your Site Stacker installation by learning how to run updates here!