Label is a stylish theme created especially for art and fashion bloggers. With a distinctive grid layout, full-screen post slider, and classy vertical header, it’s sure to make your site stand out from the crowd.
To use Label to its full potential, we recommend all posts have a Featured Image. These are displayed prominently on the blog, archive, and search pages.
While Label was designed for artists and fashion bloggers to showcase their work, it’s equally suitable for bloggers, scrapbookers, and writers who want to add a bit of visual flair to their site.
Your Design, Everywhere
We designed Label to look good on all devices — from desktop computers and laptops, to smartphones and tablets.
Label supports several post formats: Image, Video, Gallery, Audio, and Quote. Each format has a unique style for the blog, archive, and search pages. This adds visual interest to your content, and helps you tell your stories more effectively.
Featured Content Slider
Label includes support for Featured Content, allowing you to showcase the most important work you’ve published on your site. The six most recent posts tagged as Featured Content will be displayed in a full-page slider on the homepage.
Label has a variety of options to allow you to tweak and adjust the theme so that it works exactly as you want.
Label offers optional widget areas in the sidebar, slide-out panel, and footer, allowing you to keep things flexible. All widget areas stay hidden unless they have widgets added to them.
Label includes special page templates to display a full-width or grid-style page, contributors, and portfolio projects.
Quick Specs (all measurements in pixels):
- At full width, the main column width is
- The sidebar width is
- The Featured Images (on the homepage) are resized to
600 wide, the height is scaled proportionally.
- The featured content slider images are resized to
1500 wide by 900 high.
- The header image should be
1500 wide. The height can be changed to suit your design.
- All Featured Images are generated from the same initial image, so make sure to keep the focus of the image in the center as the surrounding content may be cropped.
Below is some information about how to use Label to its full potential. If you have any questions, let us know in the support forum.
To add the full-screen slider on the homepage, Label uses Featured Content. To set it up:
- Go to Customize → Featured Content
- Enter a tag name for the featured posts — make sure it’s unique and isn’t used anywhere else.
- Edit the posts, pages, or portfolio projects that you want to display in the Featured Content space and give them the featured tag you have just selected.
- Add a large featured image to each post, page, or portfolio project in the slider.
Label supports Featured Images, which are displayed prominently on the blog, archive, and search pages, as well as the full-screen slider. To use featured images, create a new blog post, or edit an existing one, then open the panel labeled Featured Image. Click Set featured image and either select the image or upload a new one. Once selected, click the Set featured image button, then save your changes.
If there is no featured image for the current blog post, Label will look to see if you’ve added an image to the post content. If there is one, then that image will be used instead; otherwise no image will be displayed.
On the homepage and archive pages, Label scales Featured Images to a maximum width of 600px and maximum height of 999px. Where possible, Label will retain the proportions of the selected image. The Featured Content slider images are resized to 1500px wide by 900px high.
Label has three Custom Menu areas. If there is no Custom Menu assigned to an area, no menu will display.
- Slide-out Sidebar Menu — The primary menu appears when you click the menu button in the vertical header.
- Header Menu — The header menu is displayed at the top of every page. The only exception is the homepage when Featured Content is used. In this case the header menu is displayed underneath the Featured Content Slider.
- Social Menu — For quick links to your social media profiles.
Social Links Menu
Label allows you to display links to your social media profiles, like Twitter and Facebook, in a Social Links Menu. Each social media service is displayed as a custom icon, and the menu appears at the bottom of the website.
- Create a new Menu.
- Add your social links to it as custom links.
- Add it to the Social Menu location.
Linking to any of the following sites will automatically display its icon in your menu.
- Email (
- RSS Feed (urls with
Label’s three widget areas remain hidden until you’ve added at least one widget to them. Choose from:
- Slide-out Sidebar Widgets — displays on a slide-out panel that appears when you click the Menu button in the vertical header.
- Footer widgets — displays at the bottom of every page on the site. The widgets will be arranged automatically to fill the available space.
- Sidebar widgets — displays on the right-hand side of single posts and pages, but not the homepage or archive pages.
Custom Header & Background
Label makes use of Custom Headers. If the Featured Content slider is set up, then the Custom Header will not display on the homepage. Otherwise, the Custom Header will appear under the navigation.
You can also customize your blog with a background color or image by going to Customize → Colors & Backgrounds.
Label supports some of the available post formats, and styles each differently on the blog, archive, and search pages. Using the different formats will help bring visual interest to your site’s content.
- Standard — The default blog post format displays the content as a news article, with an optional featured image positioned on the left.
- Image — The image post format displays a large featured image and the post title. Posts with the image format need a featured image assigned to display properly.
- Video — The video post format will display your video and the post title. It supports YouTube- and Vimeo-hosted videos*; the theme will automatically display the first video that’s added to the post content.
- Gallery — Gallery posts will display a gallery of images from the gallery you’ve added to the post content.
- Audio — The audio post format will highlight the first audio file found in your blog post.
- Quote — The quote post format will highlight the first blockquote found in your blog post. If no blockquotes are found, it will display the entire blog post.
*Hosting your own videos requires a Premium or Business plan.
Sticky posts in Label get special treatment that makes them stand out.
Label comes with a set of free color palettes. With a Premium or Business upgrade, you can change the colors on your Label-powered site and customize your palettes. Below are a few examples showing the range of possibilities.
Label has a number of Page Templates, which can be used to add additional features to your pages. They can also be used as a Static Front Page.
- Contributors — A list of all of the contributors to your website sorted based on how many posts each person has published. Great for magazines and other multi-author blogs.
- Full-Width Page — displays a normal page with the sidebars removed so you can have content that stretches the full width of the site.
- Projects — lists all the Projects that have been added to your portfolio.
- Child Page Grid — lists all the pages that are sub-pages (aka “child pages”) of the current page. Handy if you want to create an index of pages.
To enhance Label we have included some styles that can be used in your posts and pages. You can see them in action on the html elements demo page.
Making the first paragraph in an article larger than the others is a nice, simple way to draw readers’ attention to your articles. To do this add the “intro” class to your first paragraph.
<p class="intro">The first paragraph in an article is the hardest.</p>
A drop cap is a large letter at the beginning of a paragraph. To add a drop cap, wrap the first character in a block of text in a span with the class “drop-cap.”. See below for an example:
<span class="drop-cap">T</span>his is how you drop cap.
Apply a highlighter to your text by wrapping your text in a span with the class “highlight.”
<span class="highlight">This text is highlighted</span>.
Portfolio and Testimonials
Label supports both Portfolios and Testimonials. These are great for creating an online showcase of your work.