Product Release: Bento Styling Update

Last Updated by Jen Carter Hinders | Product Manager | PBS Digital on

Screen Shot 2015-04-06 at 11.47.02 AM.pngA release was made to Bento today which aims to rationalize the styling across the Bento platform.

Purpose for the Change:
This change will allow easier updates and management of CSS within the PBS-provided smart snippets, plugins, templates and themes.

What Has Changed in Bento?
Bento users who use the PBS-provided plugins and smart snippets will notice the following changes:

  • Darker, easier-to-read font colors and sizes;
  • Better spacing between the different H tags;
  • Most importantly font consistency among the PBS-provided snippets and plugins.

What Has Not Changed in Bento? 
Bento users who do not use the PBS-provided plugins and smart snippets will likely not see any changes.

Developer Note: If you are looking to apply the new CSS to originally created Bento features, you'll want to do one of the following:

  • If you don't have custom CSS on your site but use your own templates, you can create your own CSS, which can then be embedded on to a page or site;

  • If you already have CSS applied, then you can overwrite the CSS rules in that file (see below for more);

  • If you use PBS-provided templates but have custom styling, you can create a smart snippet with this CSS reference, and then apply it to a page or site.

  • You will be able to locate the CSS files by using your developer tools to determine the CSS rules, which are being displayed and applied to the elements on a page.

Find sample sites below which now have the new styling applied to their sites:

  1. http://www.wucftv.org/home/

  2. http://www.wmht.org/home/

  3. http://www.mpt.org/home/

If you have any questions or feedback please contact your PBS Digital representative or pbsi_spi@pbs.org.

Products and content for member stations to better serve their audience.

LEARN MORE

PBS has more to help you promote and share local and national content!

MORE RESOURCES