Community @ The Turning Gate

And what could be the reason here? I've already cleared the cache in Backlight 2 and deleted the history in Safari and Firefox. Still the same different font colors

Greetings
Markus

Hi Ben,

I have now arrived at Backlight 2 and am trying to take over the already working settings from Pangolin (version 1.2.3).

Like Rainer, I also had the "Scroll-to-top-button" installed in the old version, which didn't work after the update.

With your code I get the arrow displayed, but unfortunately only at the bottom left when I have reached the end of the page.
On the Pangolin page the arrow already appeared when the upper edge disappeared. I also adjusted the arrow with my custom.css.

Unfortunately I can't get the change with my custom.css. Although I have already tested some things. With the Inspector I have to practise a bit first to find the right selector again, because it has obviously changed.

Will I be able to do the same as in Pangolin in Backlight 2? Here are my custom.css:

/* ----- Scroll to top button styling ----- */
/* ======================================== */
.btn-scroll-to-top {
    background-color: transparent;
    display: none;
    position: fixed;
    bottom: 7px;
    right: 15px;
    border: 1px solid;
    height: 32px;
    width: 32px;
    border-radius: 50%; 
    text-align: center;
    line-height: 29px;
    vertical-align: middle;
    text-decoration: none;
    color:#6f7c80;
	
}
.btn-scroll-to-top:hover {
    text-decoration: none;
    color:#ff0000;
		border-color: red;
}

a.btn-scroll-to-top {
	z-index: 3;
}

and the links to the Pangolin Page: https://backlight.der-canonier.de/ausruestung/
and Backlight 2 - page: https://pangolin.der-canonier.de/ausruestung/

I would be happy to receive tips.

Many greetings
Markus

I tested it already: really great

With the last post I just wanted to show you that I was looking in the wrong place to get the effect. That's why nothing happened

Cool, this is how areas are combined. Now I have learned something again

When I move the mouse over the thumbnail, exactly the effect I wanted to achieve occurs.

Now I wonder why the same thing doesn't happen when I move the mouse over the figcaption? Only the figcaption changes but not the thumbnail.

Both areas are addressed. Or isn't that so?

But it starts with finding

That's why I need your help to find the right place because of the thumbnails here https://pangolin.der-canonier.de/galleries/

When hovering with the mouse I have already found and adjusted the effects for the thumbnails as well as for the figure caption.

But I would like the hover effect to be applied to both the thumbnails and the figure caption at the same time. No matter if I touch the thumbnails or the figure caption.
Currently only one or the other is happening.

Is that even possible?

With the Inspector I had identified ".album's figure a :hover" or "a:hover, a:focus :hover" as a way to completely address the desired area.

Unfortunately, everything doesn't work.

Here is my current excerpt from the Custom-CSS

/* --------------------------------------------------------
/* | THUMBNAILS im Album Set.                             |
/* --------------------------------------------------------

/* ----- maximale Breite der Thumbnails ----- */
/* ===========================================*/
.albums figure {
    max-width: 280px;
}


/* ----- Schatten um Album Set Bilder (Classic-Style) ----- */
/* =========================================================*/
.albums figure {
    background-color: #ffffff;
    border: 0 solid rgb(188, 188, 188);
    border-width: 1px;
    border-radius: 9px;
    box-shadow: 5px 5px 10px rgba( 0, 0, 0, 0.4 );
    box-sizing: border-box;
    float: center;
    margin: 0 10px 20px;
    overflow: hidden;
    position: relative;
    width: 280px;
    min-height: 230px;
}


/* ----- Hover Thumbnail (Classic-Style) ----- */
/* ===============================================*/

.thumbnail :hover {
	color: #f1f1f1;
	border: 5px solid;
}


/* ----- Hover Figcaption (Classic-Style) ----- */
/* ===============================================*/

.albums figcaption {
	border-top: none;
	}

.albums figure :hover { 
    background-color: #f1f1f1;
	}


figure:hover .album-title{
	color: #848484;
	}

figure:hover .album-description{
	color: #848484;
	}

It'd be great if this worked.

Greetings, Markus

Thanks for the explanation. I'm beginning to understand it and that's important to me too

According to your comments http://pangolin.barbeephoto.com/hook-locations-page/ the ttg_footer_bottom hook or the ttg_footer_top hook would be the right place for my search and corresponds to the one on http://www.der-canonier.de.
I can't find the page__bottom__pallet area in the PHPlugins.

Is this a standard css file, which is always included and stored somewhere in the backlight directory?

I probably still have a bug in the code, because it doesn't work. The search field is not displayed

Thanks Daniel,

this is what I see:

1. for div.thumbnail-background a size of 389x583 px.
2. below then the thumbnail from the album custom_thumbnail in the right size

when I call up the image via the link then the correct size of 280x420 px is also displayed

This is really getting crazy.
Why are the thumbnails displayed in 389x583px?

ok, in my Top-Level-Gallery I changed the ratio. There was also a mistake.
But how must the ratio be, so that I get a thumbnail of 280x420px afterwards? (is actually a ratio of 1:1,5).

For ratio X I entered 280 and for ratio Y 420, but then I get a thumbnail of 389x583.

Even with 2:3 or 4:6 I can not get the result!

I have not hidden the folder CustomThumbnails once. Should have been there.

I have also set the thumbnails max-width to 280 px

Thanks Rod,

the Inspector shows me the size 420x280 px for the thumbnail in the code, but when I click on the picture I get a size of 389x389 px for div.thumbnail-background

I still don't understand why this isn't working. the custom_thumbnails, which I want to use for the AlbumSets and Album, I created as Matt described it here.

In my production page http://www.der-canonier.de/galleries/ the thumbnails from the album "custom-thumbnails" are used in galleries/ as well as in the album sets and also displayed correctly with the size 420x280 px.

And in Lightroom I can also select these custom thumbnails. On the Pangolin test page in Lightroom I can only select the thumbnails from the album "Test". The alternatives from custom_thumbnails are not displayed in Lightroom.

I guess I'll have to solve that problem first. It's just a question of how