iGalerie

Peter Martin

Membre

Inscription : 26-03-2024

Messages : 4

diaporama.css

Not a bug but a suggestion, please move to more appropriate forum if needed. The slideshow PLAY and STOP do not display correctly, as I have integrated iGalerie into a platform using a CSS framework (W3-CSS) which apparently interferes and causes the text to not line up with the background circle.

This modification fixes this by applying flexbox properties (justify-content and align-items) to horizontally and vertically center the content inside the circle.

/* Message du mode automatique. */
#diaporama_auto_message {
  position: absolute;
  top: 53px;
  left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  padding: 10px;
  font-size: 200%;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .05em;
  background: #2E2E2E;
  text-align: center;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  box-shadow: 0 0 20px #2E2E2E;
}

Dernière modification par Peter Martin (26-03-2024 17:16:28)