different height

librandi

hi,
please tell me because I have 2 different height on 4 and 5 position?
thank you

phinb

Because your banner image is shorter than the module on the right, there is a height difference. You can either crop the image or try using the following custom CSS code:

.t4-spotlight-2 .bannergroup {
  height: 100%;
}
.t4-spotlight-2 .bannergroup .banneritem {
  height: 100%;
}
.t4-spotlight-2 .bannergroup .banneritem img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

Regards,

librandi

phinb

thank you very much, but why in position 1 and 2 I have the same modules but the size is the same?

phinb

Hi @librandi
Since there was a CSS fix for equal height in Spotlight 1, you can change the class from 't4-spotlight-2' to 't4-spotlight-1' to see the changes 🙂

librandi

thank you very much

librandi

where I can change this?

saguaros

Which change are you referring to?