Search

Product Release: Bento Styling Update

A 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.

By Jen Carter Hinders | Product Manager | PBS Digital

No comments:

Post a Comment