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.
You are not logged in.
Pages: 1
If I add text to the "Main Copy" field in my album set template, the navigation menu moves to the bottom of the page. If Main Copy is empty, then the nav menu is where is should be.
Offline
well this is weird.
have you tried creating other album set templates? Do they all do the same thing?
What happens if you don't include text in the template but instead add it in Lightroom? Or have the text from Lightroom replace the template text?
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Tried creating new page and album set templates. Problem did not reoccur (altho I did not completely recreate the existing templates). I included text from lightroom (replacing template text) and the same problem occurred.
The problem is probably in the Page template, as it occurred again if I just made a new album set template using my existing page template.
Custom CSS isn't the problem, as I removed it and problem still occurred.
Will keep playing with it to see if I can narrow the scope a bit
Offline
It's strange. I've been playing with Backlight for a few weeks and have not seen anything like this occur.
try using the standard album set template for one of your album sets. See what happens. Anything you can do to narrow down the differences between what does and doesn't work will help Matt and Ben figure out what's going on.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
OK - I have it narrowed down, and it is really strange....
The problem was NOT in the page template, as I originally suspected. It was in the Album Set Template.
My page does not have any Trays. During my testing, I placed what is normally in the Album Set main copy into the Tray 1 copy (just so I could copy & paste it back later). That text contains the following:
## <i style="color: #9c6;" class="fa fa-camera-retro"></i> Dave's Photo Gallery
##<div style="text-align: center;"><i style="color: #FFFF00;" class="fa fa-exclamation-circle"></i> UNDER CONSTRUCTION <i style="color: #FFFF00;" class="fa fa-exclamation-circle"></i></div>
###<div style="text-align: center;">I have switched to new web gallery software and am in the process of uploading all of my photos.<br>If you are looking for a specific Album or Photo, please [contact me](/contact).
</div>When that is in the Tray 1 copy, the problem occurs. If I remove that HTML from the Tray 1 copy, the problem goes away. It also occurs if I have it in the Main Copy area as well.
So something in my HTML is screwing it up. The HTML is the same as I use in my CE4 Albums.
Any idea what is screwing it up?
Offline
the problem might be in mixing Markdown with html. Try removing the # symbols
Instead, try this:
<h2><i style="color: #9c6;" class="fa fa-camera-retro"></i> Dave's Photo Gallery</h2>and you wouldn't wrap a div in a header tag. Instead, maybe this:
<h2 style="text-align: center;"><i style="color: #FFFF00;" class="fa fa-exclamation-circle"></i> UNDER CONSTRUCTION <i style="color: #FFFF00;" class="fa fa-exclamation-circle"></i></h2>Or it might be that html in a non-displayed tray is causing this. I've not tested that scenario yet.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Actually, all I had to do is delete the newline in front of the last <div>.
The following text works fine:
## <i style="color: #9c6;" class="fa fa-camera-retro"></i> Dave's Photo Gallery
##<div style="text-align: center;"><i style="color: #FFFF00;" class="fa fa-exclamation-circle"></i> UNDER CONSTRUCTION <i style="color: #FFFF00;" class="fa fa-exclamation-circle"></i></div>
###<div style="text-align: center;">I have switched to new web gallery software and am in the process of uploading all of my photos.<br>If you are looking for a specific Album or Photo, please [contact me](/contact).</div>Not sure WHY that fixed it or why I had the problem when it was in Tray 1 (because I wasn't displaying Tray 1).
Offline
Still, <div> tags should not be placed inside heading ( h1, h2, h3, etc. ) tags. It may work, but it's not semantically correct.
http://dotnetdaily.net/tutorials/html-t … -a-h1-tag/
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
The only reason I did that was so I could use the style to center align the text.
Is there a better way to do that?
Offline
<h1>You should wrap inline elements in <span>span tags</span></h1>Offline
But you can't have <span style=...>. Is there a way I can center align my Copy text without using <div style=...>?
Offline
did you try styling the h2?
<h2 style="text-align:center;">
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
But you can't have <span style=...>. Is there a way I can center align my Copy text without using <div style=...>?
You most certainly can; that's entirely the point of the span element. It's the inline equivalent to the div element; the div element is block level. For example:
<span style="color:red;">This text is red</span>, and this text is not.Alternatively, you can assign it a class, then style that class in your CSS.
<span class="red">This text is red</span>, and this text is not.
.red { color: red; }Offline
Matt - span works exactly as you described, for color.
It does not work in the album set page copy for text-align: center The text is still left justified.
I looked at the generated code and it IS being included, just not working like I intended:
<span style="text-align: center;color: #FFFF00;">I have switched to new web gallery software and am in the process of uploading all of my photos.<br>If you are looking for a specific Album or Photo, please <a href="/contact">contact me</a>.</span>Offline
Like I said, <span> is an inline element. Text-align therefore shouldn't do anything, because the alignment should already be set outside of the span, on the wrapping block element. Heading elements (h1, h2) are block elements. So you could, for example, do this:
<h2 style="text-align:center;">I'm in <span style="color:red;">LIMBO</span>, way out on a limb.</h2>Or replace <h2> with <p>, also a block-level element.
Offline
OK, that works.
Thanks!
Offline
Pages: 1