Setting the Look & Feel of your Newsroom

Learn how you can customize your Newsroom's appearance

Once you have your Newsroom up and running, it's time to make it fully aligned with your brand! You can do this by adding your company logos and choosing fonts, layouts and a color palette for your Newsroom.

Here are a few examples of Newsrooms created with different levels of customization to give you an idea of what's possible:

What's covered below:

Updating your logo, fonts & colors 

First, you'll need to access your Newsroom Settings. The easiest way to get there is from the Stories page.

On the Look & Feel page, there are 3 different types of logos you can add to your newsroom:

  • Newsroom Logo
  • Square Logo
  • Newsroom Icon

💡 Pro Tip: The best way is to save the image of your logo from your website. By doing that it will have the same size, but it is also possible to add different size logos on your newsroom.

Adjusting your Newsroom's color palette 

You can add the exact same colors in your brand guideline using hexadecimal values. 

Customizing your Newsroom's font

Select a font and font colors that conform to your corporate website. If you are on a Premium or Enterprise plan, you can import your own font using the CSS editor.

Choosing your Newsroom layout

When you publicly publish Stories inside your Newsroom, they will appear on your Newsroom's main page as a list of cards or blocks. You can determine how these blocks align using the Layout Block Alignment options in your Newsroom's Look & Feel settings.

There are three Layout Block Alignments to choose from:

This short video shows how the different alignments change how your Stories appear on the main page of your Newsroom:

Clean grid with small image thumbnails

This option is best for text-heavy Newsrooms that lack images, as the images are less emphasized. 

Clean grid with big, equal height images

This layout will make all your Stories' previews the same height. The Newsroom Home Image of your Stories will automatically be cropped to accommodate their height. This is why we recommend using a landscape-oriented image as your Newsroom Home Image. 

Cascading grid with big images

This layout has a more free-flowing style, similar to a Pinterest board. The Stories' previews will not be fixed in height, so you can use any image dimensions for your Newsroom Home Images. However, we do not recommend using very tall main images, as it can compromise the balance in your Newsroom homepage. 

Choosing how Story Blocks display in your Newsroom

You can also change how each Story block appears in the Newsroom overview using the Block Background options in your Look & Feel settings. (These are located right next to the alignment settings from the previous section.)

Here's a quick video to show how the different block backgrounds change how your Stories look in your Newsroom overview:

Default

There will be no background for the blocks, meaning that the Newsroom will automatically use the general theme color that you choose for the Newsroom page. 

Text in block with padding

You can choose a specific color for the Story blocks. This is separate from the general background color of your Newsroom. 

Text in block with border

Other than the block background color, you can also add a border with its own color around each block. 

Premium+ feature: Custom CSS skin 

If you are on a Premium or Enterprise Plan, you can further customize your Newsrooms using CSS and JavaScript (JS). Our CSS/JS feature allows you to change almost everything on your Newsrooms.

Learn more: