Featured Blog: What Matters Most Now
How to promote your content with Click to Tweet

Getting To Know Nimble: Banners

Nimble_series

Welcome to Getting to Know Nimble, a special series full of tips and tricks to make our new Design Lab work for you. In this series, we'll take a look at everything the Nimble Design Lab has to offer, what it can do, and how you can utilize its features to make your blog stand out. Check out the rest of the posts in this series here!

Previously in our series about getting to know Nimble, we covered how you can style your Highlight Bar that appears over your post excerpt images and the different options available for the Navigation Bar. Today, we're going to review the options available for the blog banner.

With Nimble, you have two base options for your banner - you can upload an image banner or use the Style page to select options for a text banner. Your blog will look great with either option!

Most folks opt to show an image banner. On the Banner page, you'll see that there are two options for the banner display. You can choose to have the banner span just the width of the blog area or it can span the entire browser width. There are size suggestions for your banner image on the page as well.

Below are examples of how the banner looks when it spans the blog's width versus when it spans the browser's width.

Span width of the blog area
Span width of the blog area
Span width of the browser
Span width of the browser

Tip: If you don't want to add text to your banner image, you can show the blog's title in the Navigation Bar, as mentioned in our previous post in this series.

If you like to keep things simple, then the text banner option is for you. On the Style page, click open the Banner section to see the options there. You can set the colors and sizes for each text element and set the color for the background. You can also choose to turn off the banner completely if you'd like.

If you pop open the Fonts area at the top of the menu, you can choose a font for the blog title and description. First, choose your font from the list and then click the element in the preview to apply it. The blog title and blog description are set in Blogs > Settings.

Check out the example below to see all of that in action.

Text Banner Settings
Text Banner Settings

The Banner section also has an option to hide the banner completely, if you want your blog to be especially streamlined and keep the focus on your posts. This is a nice choice if you show the blog name in the Navigation Bar. The example below shows those options in action.

Blog with banner hidden
Blog with banner hidden

We hope this further tempts you into trying out Nimble for yourself. The possibilities for customization are endless!

comments powered by Disqus