Custom CSS in Backlight

In CE4 and previous TTG products, custom css needed to be implemented through phplugins. That is a thing of the past.

In Backlight, custom css is enabled on a per template basis. Go to Designer > Templates > Page Templates. Click on Design next to your page template and scroll down to Advanced Customization.

custom-cssInside Advanced Customization you’ll see where to enable custom css and choose the file you want to use.

There are two demo custom css files included with Backlight. Feel free to enable these and see what they do.

But my suggestion is to create your own custom css file that contains your own customization. In a plain text editor, create a file and name it custom.css or whatever you want. Add any custom css to this file and upload it to your /backlight/custom/css/ folder.

Once you do, this new file will be available to use in any of your templates.

3 thoughts on “Custom CSS in Backlight”

  1. I have done this and added the css examples that you wrote but only the tip of centering the footer text works for me.
    When I added

    img.pswp__img {
    border: 1px solid #A39994;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.4)
    }

    For example nothing changed 🙁

    Any ideas why?

    1. no idea without seeing the site. Can you post a link? The ttg forum would be the best place to post it.

    2. Actually, there should be a semi-colon after the box-shadow property

      img.pswp__img {
      border: 1px solid #A39994;
      box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
      }

Leave a Reply

Your email address will not be published. Required fields are marked *

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.2 release 3
Pages module 1.2.1
Cart Add-on 4.1.3
Client Response Add-on 7.1.2
Theater Add-on 1.2.4
WordPress Add-on 1.2.3
Publisher 3.2.2

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