A few styling tips for Pangolin Essay
Two ways of adding a graphic logo to the Backlight Top Pallet
If you’re using the Top Pallet in your page template for your site title masthead but instead of a text title you want an image logo, this post is for you. First, be sure to set up your page template to use the Top Pallet Title and disable the Primary Masthead. In the Top Pallet […]
Adding borders and box-shadows to the Vegas inline slide show
Here’s how to add a border and box-shadow to the inline Theater Vegas slideshow using custom css. If you’re not already using custom css on your site, refer to the Backlight documentation to set it up. This one’s a little bit tricky because of how the Vegas inline slide show is constructed. Using the browser […]
Using Font Awesome in your Backlight site
All those icons you see throughout your site: the little down arrows in navigation, the side arrows in breadcrumbs, the social media icons and the icons in the image menu of a standard album slide show, nearly all of them come from Font Awesome. And Matt has licensed Font Awesome so that we, the users […]
Target your css
A little known but very powerful feature of Backlight is the classes that are added to each page’s body tag. These classes include page type, page ID and identifier, page template ID and identifier, slug and more. You can leverage these classes to target your custom css so that it only applies to, say, all […]
Changing font-size in Backlight
Update: As of Backlight 3.2 you can now change the fonts size in the page template. Look in your page template under Content > Main Copy. You’ll see Font-size and Line-height options that will let you increase or decrease the value for each setting. There is also a Custom option that will allow you to […]
Placing Backlight pallet content above the mobile menu
In Backlight, pallet content, by default, will appear below the mobile menu when the site is viewed at mobile sizes. Here’s how to get that content to appear above the mobile menu.
Taming Your Backlight Mobile Menu
Currently we cannot assign one navigation menu to desktop displays and another to mobile devices. If you have a lot of albums on your site, they’re probably organized into nice and neat album sets that are reflected in the drop-down menu displayed on desktop sizes of your site. Because there are a lot of albums, […]
Center controls over the Vegas slide show
A quick css tip to center your Vegas slide show controls.