Close

Copyright © RebelMouse 2019

Follow Us:

How to Style and Add Badges to Posts

Badges have multiple uses. Some clients use them to flag their promoted content, others just like to have a cool way to categorize their content.


If you want to set up some badges for your site, here's a full step-by-step tutorial:

1. Set up your badge images. Go to Badges in the left-hand navigation menu.

2. Then, add a new badge. You'll be asked to:

  • Select a design for your badge by uploading an image or pasting a URL to an image.
  • Select your badge's name to identify it.
  • Link your badge to a tag so it appears automatically when that tag is used.

For tags to appear, you'll have to assign them to posts in the Entry Editor during their creation. If you haven't been doing this, no fear — you can edit older posts to add them after the fact. For example:

In the Advanced Settings menu (gear icon) of the Entry Editor, I've selected a badge for an existing post.

There is some other flexibility to be had with badges. You can:

  • Choose to have more than one badge displayed (but you'll always need to create them first as described above).
  • Choose which badge should be the primary one for a post.

You can also customize how your badges look in the Layout & Design tool. First, make sure your layout is set to be displayed in Element Order, in the settings of the Lead Media element inside the Post page:

You can add CSS per element to badges as well. To do so, click on the Styles card and scroll down to the badges' sub-elements:

Here's an example of a post displaying a customized badge:

RebelMouse CEO: Reimagining Diversity “Starts in the Office”

Why women, minorities, and the LGBTQ+ community will restructure workplace norms

Entering a new decade means a new opportunity to change how we approach diversity. In a joint interview alongside Leanne Pittsford of Lesbians Who Tech, RebelMouse founder and CEO Andrea Breanna said that the only way to fight patriarchal dominance is to encourage and nurture more women, minorities, and members of the LGBTQ+ community in the workplace, particularly in tech.

Over half of RebelMouse's employees are women or identify as LGBTQ. Read our full diversity and inclusion report here.

Check out the full video below.

Related Articles

Publishers No Longer Have to Submit Their Site to Google News

Google's Publisher Center creates new opportunities for audience growth

Just before the start of the next decade, Google announced an important change to its Google News offering with the launch of Google Publisher Center. The new interface merges Google News Producer and Google News Publisher into one to streamline the partnership process for publishers.

Overall, the change should make it easier for publishers to manage their Google News settings, including updating themes, directing URLs to section pages, and configuring user permissions. Read the full list of features here.

Keep reading...

How to Find Work-Life Balance as a Remote Employee

Tips from our CEO on making the most of an office-free lifestyle

Working from home is becoming increasingly popular, with an estimated 66% of companies now allowing remote work and 16% operating completely office-free. RebelMouse is one of those fully remote companies, and over the years we've mastered how to stay close to each other despite being spread across more than a dozen countries. We believe working remotely is good for both our personal lives and our productivity. Read more about this here.

Still, working free from the shackles of an office environment doesn't mean every day is a dance party in your pajamas from 9 to 5. Working from home comes with its own set of challenges just like any other job.

Keep reading...
Subscribe to Our Newsletter