• Creating and Styling Backlight Popup boxes

    Backlight popup boxes are useful critters. Your visitor clicks on a button and your box appears with whatever you’ve placed in it. You can use them to promote an event, show licensing or booking information, host a mailing list sign up form, and more. And TTG has made these pretty easy to implement. The html […]


  • Custom Footer in Backlight 1.2 (Pangolin)

    This is a fairly straightforward use of phplugins but it requires some html to provide the structure for the footer as well as some custom css to style the social media icons. These icons are links to my social media sites, but you can just as easily use code for social sharing. One not so […]


  • Style your Backlight contact form success message

    You may have noticed that the success message you see after sending an email from a Backlight contact form has a blue background. There is nowhere in the Backlight Designer to change this, but with a teeny, weeny bit of css you can style it to match your site’s color scheme. Just add this to […]


  • Toggling your Client Response Legend

    I recently got a question about hiding a Client Response legend that’s been placed in the page copy of a Backlight album. It’s really pretty easy to do with a simple jQuery toggle. See this in action on my Backlight test site. In my previous article on creating a legend for Client Response albums, I […]


  • Some css “recipes” for your Backlight site

    Here are just a few css tweaks you can use for your Backlight site. Just add to your custom css file. Note: these are valid through Backlight version 1.1.1. I’ll update as needed. Image border and shadows Center footer text Add borders around thumbnails Center caption text under large Photoswipe images Style metadata in thumbnails […]


  • Align text on TTG pages

    Learn how to change alignment of text on your TTG pages.


  • Center thumbnails under the Galleria slide show

    Learn how to center thumbnails under the Galleria slide show using just a little bit of css.


  • Fixed navigation bar position in your TTG site

    Use custom css to fix your navigation bar to the top of the page


  • Styling the TTG Add to Cart pop-up dialog

    Note: the disappearing text issue has been resolved with the Cart 3.1.4 update. There’s a tiny quirk with the TTG Add to Cart dialog box. Some of the styling comes from a file named modal.css (from ttg-be/cart/lib/css/) and some of it comes directly from the style-common.css file of the gallery from which your clients are […]


About this site

This site is: a repository of time-savers and best practices from a user's perspective, picked up from several years of using TTG plugins.
This site is not: a support site.
Read more here.

Tip Jar

If this site has saved you some time, kept your hair attached, or otherwise prevented you from tossing the mouse through the monitor, feel free to donate.

Categories


Highly recommended. This is my go-to Lightroom book. Click on the book image. (affiliate link)

Affiliate link!

Current TTG versions

Backlight Versions

Backlight 1.2.1
Pages module 1.2.1
Cart Add-on 4.1.1
Client Response Add-on 7.1.1
Theater Add-on 1.2.1
WordPress Add-on 1.2.1

CE4 Versions

TTG-BE: 2.0.5a
Autoindex: 7.0.8
Cart: 3.1.4a
CRG: 6.1.3a
Gallery: 6.1.9
Pages: 7.0.15
Publisher: 2.3.3
Stage: 6.1.6
Theme for WordPress: 3.1.2

Subscribe to new posts