Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#1 2018-03-12 20:59:30

tenpinmark
Member
Registered: 2016-04-20
Posts: 17

Backlight "areas" and CSS class names used

Hi all,

Pretty sure in the past I've seen a diagram that shows where all the different areas are located but I can't find it anymore. Was I dreaming it?  Reason for this is that I want to locate an image above the breadcrumb line and I can't work out where to put the code. I can do it under the breadcrumb by putting code in the Copy area but this not what I want.

Also, is there a list of the different CSS classes (is that the correct term?) Backlight uses as a quick reference guide?

Thanks
Mark

Offline

#2 2018-03-12 21:47:00

Matthew
Administrator
From: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
Website

Re: Backlight "areas" and CSS class names used

The only way to put code above the breadcrumbs is to use PHPlugins. The locations and access points are detailed in the sample PHP file provided in the download. See docs for more info.
http://backlight.theturninggate.net/doc … _phplugins

Custom styling can be implemented as documented here:
http://backlight.theturninggate.net/doc … tylesheets

As for a reference list of CSS classes, there are two -- the HTML source code, and the CSS file. The easiest thing is to use your browser's code inspector. And I'm not being snarky. There's no better reference than the code itself. It's well organized and complete, as it must be.


Matt

The Turning Gate, http://theturninggate.net

Offline

#3 2018-03-12 21:54:35

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Backlight "areas" and CSS class names used

On my ttg-tips site I once posted a color-coded guide to the various areas of a CE4 Page.

Here I have a phplugins location guide that you can download and use on your own site
http://ttg-tips-and-tricks.barbeephoto. … backlight/

The Pabpngolin update is at the end of the post


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#4 2018-03-12 22:52:50

tenpinmark
Member
Registered: 2016-04-20
Posts: 17

Re: Backlight "areas" and CSS class names used

Thanks Guy's for the swift response with the links etc.

Matthew - not taken as being snarky - if the code's the best place to look, then perfect and thanks for letting me know that I need to use a PHPlugin there to get the look I want.

Mark

Offline

Board footer

Powered by FluxBB