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.
I've used Fatcow (https://www.fatcow.com/) with both CE4 and Backlight, and it works well. Their tech support is only so-so, however.
As far as I can tell, Backlight doesn't support the Sublocation tag that shows up in Lightroom's Metadata editor. Would it be possible for future releases to support it?
It sounds like the simple answer to my question is no. I'm going to try just using another metadata tag like city and see if that does what I need.
Does Backlight support the Sublocation metadata tag that you can add to an image through Lightroom? I don't see it anywhere in the list of supported tags. If not, what can be used as a similar general location tag?
Thanks. Didn't see that!
This is probably a bit nitpicky, but is there a way to alphabetize the lists of templates in Backlight > Designer > Templates? Right now they're appearing in random order. I’d like to add numbers to the names of primary templates so they’d be at the top, and then the templates cloned from them would appear below.
It isn’t a big deal if there isn’t, it would just be easier to keep track of them.
I really like the work you've done on this site! Question: how did you get the slightly rounded corners for the gallery frames?
I'm sorry Rod. I'm trying to make the album thumbnails look like the ones in the album sets. Maybe a better question would be to ask if there is just some list that shows the css that is available for basic things like setting up thumbnails and other standard layout tasks. I feel I'm in way over my head, and I'm not even sure what to ask about. Do I just need to take a css course to be able to work effectively with Backlight?
I sincerely appreciate all the help you've provided.
Hi guys. Apparently I’m still not understanding some of the basics of using Inspect Element to find the css controlling various parts of my page. For example, right now I’m trying to locate the css that controls the actual album thumbnails. I’m looking specifically at the code for the first thumbnail on the left.
When I look at the code on the right it all seems to point towards resource.php, and a lot of the css is lined out, meaning it’s being overridden somewhere. But I can’t see what to grab to put this in a custom css file or what to call it. I have a copy of the entire css for the website retrieved as Rod described it, but I only see two hooks for the albums themselves, and they are just for the titles.
I'll try that Rob. Thanks.
Thanks guys. It sounds like more trouble than its worth.
I’ve followed Rod’s very helpful guides on using a web browser’s console editor to find what css is controlled by what, and on viewing and editing the backlight master style sheet. I’m slowly figuring out all the css that controls various things that I can add to my custom stylesheet.
One question:
I’ve noticed that when you first open my page it shows up as a sans-serif font and then switches over to a serif font, which is what I want. I think that’s because it’s first reading the font setting at the top of resource.php and then my custom file creepyhouse.css. Should I edit the php file to correct this? That sounds a bit scary.
Thanks Rod. I'll have a look at it.
Hi folks! I'm trying to make some changes to the thumbnails and descriptions in my albums and album sets here. I have a few questions:
I’d like to get rid of or modify the white borders around the text, leaving only the rounded grey border around the thumbnail itself, but I can’t find where to do this in the CSS.
.album-description in the CSS is set to center, but the description on the page still justifies to the left.
I also have the .album-description line-height set to 40%, but when there has been more than one line of text I haven’t seen any reduction in line height.
Will these settings go down to the albums themselves, or is that done somewhere else?
Here is the CSS I’m using:
.the__albumSet figure a {
background-color: rgb(75, 75, 75);
border: 0 solid rgb(110, 110, 110);
border-width: 2px;
border-radius: 10px;
color: #212121;
display: block;
height: auto;
width: auto;
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
background-repeat: no-repeat;
overflow: hidden;
text-decoration: none;
align-content: center;
}
.the__albumSet a:hover {
background-color: #5a5a5a;
border-color: #880000;
}
.album-thumbnail {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
float: left;
margin-right: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.album-title {
font-size: 1rem;
font-weight: 400;
font-family: metamorphous;
font-style: normal;
}
figcaption p.album-title {
text-align: center;
}
.album-thumbnail img {
border: 0px;
border-color: #FFFACD;
box-sizing: border-box;
border-style: solid !important;
background-color: #191919 !important;
padding: 4px !important;
}
.album-description {
font-size: .95rem;
line-height: 40%;
font-weight: 400;
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
text-align: center;
}
Thanks as always!
Yep, that's it, Rod! Sorry for the confusion.
Thanks!
I know Matt recently made a little tutorial showing how to set up a handy hidden thumbnail gallery, but I can't find it. Can someone point me to it?
Thanks!
Thanks guys!
Is it possible to have animated gallery thumbnails using .gifs, video, etc.? It isn't the end of the world if you can't, though it would be nice.
Thanks!
Nice looking work, Mike!
Thanks to your help, just about everything is working now. I have just one problem left I can find. As you can see (http://creepyhouse.net/galleries/) the thumbnails are repeating oddly. I tried adding a no-repeat line but it didn't help.
.the__albumSet figure a {
background-color: rgb(75, 75, 75);
border: 0 solid rgb(110, 110, 110);
border-width: 2px;
border-radius: 8px;
color: #212121;
display: block;
height: 125px;
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
padding: 5px;
background-repeat: no-repeat;
overflow: hidden;
text-decoration: none;
align-content: center;
}
Huh.
Getting rid of all the paragraphs helped put the social media icons in the right place. But they're still surrounded by a grey box and too far over to the right. Is there a way to have two custom css files? Or what else might fix this? Something's getting inherited down the line here, because the code for the icons works fine when it's by itself.
Thanks for the additions, and they worked fine. Now I'm running into a weird unrelated problem. creepyhouse.css includes both the styles for my galleries plus the ones for the custom footer with social media icons Matt came up with. When I combine them, the styles in the footer get overridden somehow and I get a big ugly grey box around my icons and incorrect margins. These styles have completely different names, so I'm not sure how they are interfering with each other.
?
Thanks to help I’ve received here I’m making steady progress on my gallery design. Just a few questions:
As you can see on the Galleries page of my site, the thumbnails are pushed to the top of their frames and don’t show the entire image. Would that be controlled by this css in the custom creepyhouse.css file?
.album-thumbnail img {
border: 1px; /* Frame thickness of album thumbnail */
border-color: #FFFACD; /* Color of the frame */
box-sizing: border-box;
border-style: solid !important;
background-color: #191919 !important; /* Frame color directly to the thumbnail image */
padding: 4px !important;
align-content: center;
}
I also want the titles to be centered but the description to be left justified. Would that be here?
.album-title {
font-size: 0.8125rem; /* Font size of the album title */
font-weight: 700; /* Font weight */
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; /* Font */
align-content: center;
}
.album-description {
font-size: 0.6875rem; /* Font size of the album description of the album sets */
line-height: 0.8rem; /* Distance between the lines of the album description of album sets */
font-weight: 400;
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; /* Font family */
}
Thanks!
Vielen dank Rainer! I wish I still remembered more of my high school German so I could use it now. Rod, that was exactly what I needed! Thanks guys!
Rainer, thanks very much for letting me look at your custom css file.
Question: where I can I find a complete list of the css hooks you are using, such as:
.the__albumSet > .content
.album-thumbnail
I know you can find the hooks for the php files in theturninggate.php, but I don't know where one for the css is.