[Support request] adjusting the width of div to the container

[Gerhard]

Hello,
how can I adjust the width of the div which shows on hovering the years (see link) to the width of the grid-container (1600px) ?

Greetings from Cologne
Gerhard

[David]

Hi there,

do you want to contain the width of the Image ? If so, change this CSS:

.chrono-bild img {
    width: 100%;
    position: fixed;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    z-index: -20;
}

to:

.chrono-bild img {
    width: 100%;
    position: fixed;
    height: 100%;
    max-height: 100%;
    max-width: 1600px;
    object-fit: cover;
    object-position: 50% 50%;
    z-index: -20;
    left: 50%;
    transform: translateX(-50%);
}

[Gerhard]

Thank you, David!

I helped me by changing the footer’s and header’s width in the customer.

But your solution is what I was looking for.
Greetings from Cologne
Gerhard Weber

[David]

Is that resolved ?

[Gerhard]

Oh yes, thanks a lot, David!!!

[David]

Glad to hear that!

[Author]

Posts