[Product Post] Theme Tip: Banner Settings

2 minute read

October 17, 2014

[Product Post] Theme Tip: Banner Settings

As for the rest of the banner settings, the section on the right is where you can add a logo, and start to give your community some personality. Here are the elements you can modify:

  • Banner Logo: This will replace the Banner Title. You have the freedom to use whatever size you want, but 250px x 50px is a great size that works nice.
  • Mobile Banner Logo: This allows you to add a small banner for the mobile theme.
  • Favicon: This is the icon usually seen in the URL bar and when someone bookmarks a link from your site.
  • Share Image: This is the image that will be included when content is shared on social networks (like Reddit or Google+) if no image is present in the content.

If you are using the Bootstrap theme you will need to tweak your theme, as the banner image will hide your “searchbar”. This video shows you how to do your banner settings and how to make the CSS tweaks:

The following is the HTML and the CSS used in the video.

The Bootstrap theme is one of the most popular, so we wanted to offer this quick fix. If you are using a different theme, you may need to add some small HTML or CSS tweaks too, but the concepts are similar.

We hope you found these tips helpful. Check under the product category for more product tips.

Vanilla Forums offers a cloud based solution which can easily be themed to match your brand. Try Vanilla Forums Cloud Solution free for 30-days.

News product

Share Your Thoughts

Your email address will not be published. Required fields are marked *

Adrian Speyer

Written by Adrian Speyer

Adrian Speyer is the Head of Community and Lead Evangelist for Vanilla by Higher Logic. Besides spending many years in digital marketing, Adrian has been building communities of all sizes for over 20 years.

Have an Article for Vanilla's Blog?

Send us an email to [email protected] with your topic idea and we'll circle back with our publishing guidelines.

Subscribe to the Community Corner Newsletter and get expert insight and analysis on how to get the most out of your online community every Friday.
[contact-form-7 id="5700" title="Newsletter Form"]

Request a Demo

Schedule a product demo now.

Contact Us