Designing your SNO site can involve a lot of trial and error as you aim to get just the right look for your site.
Start by looking at what other sites are doing with their design by checking out and following our Design Showcase and our Design Example Reference Guide.
Once you know what you’re going for head to the SNO Design Options page (found under Appearance on the Dashboard) and see what you can do.
Homepage Structure – Use the Homepage Structure section to set the site width and site color, to change your homepage widget configuration, and to adjust other elements on your homepage like the header image.
Header – The header is an important element to your site's design and something your visitors will see right away when they go to your site. Your site comes with a Header area where you can choose to display either text or a custom image. Choose whether you want to keep the text header that came with your site or upload an image header.
Widget Styles – Each widget on your site can be assigned to one of six widget styles, which can be customized in the Widget Styles section. Each SNO widget has an option that allows you to assign the widget to one of the six styles. In addition, SNO widgets each have custom design options available in the Widget Control Panel. The Widget Styles section allows you to preview your design as it will show up on your homepage. Be sure to click Save once you're happy with the design.
Moving Widgets – Once you're satisfied with the widget styles you've come up with, you can then move widgets from one area to the next to adjust the blocks of content on your homepage. Go to the Widgets page under Appearance and click on any of the white widget area boxes (usually titled with Home Top ____). Once you click on one of these widget areas you will see all of the widgets in that area. To rearrange simply drag and drop widgets where you want them.
Changing Layout of Stories Within a Widget – SNO Story List widgets are the most common widgets you'll be using and they offer many ways to design how your stories will be displayed within the widget. Go to the Widgets page under Appearance on the Dashboard and click on any of the white widget area boxes (usually titled with Home Top ____). Once you click on one of these widget areas you will see all of the widgets in that area. Click on any widget to see what options are available. After changing the display settings, click Save. We recommend having your homepage open in a new tab to see the changes.