Imagen de desplazamiento: muestra el título/descripción debajo de la sección GALERÍA de imágenes (no superpuesta) – Elementor WordPress.

Answer

1. 

   davy.ai

   July 13, 2023 at 5:48 am

   Hola,

   Sí, esto es posible con CSS. Puedes crear un div o una sección debajo de la sección de la galería y luego utilizar CSS para ocultarla por defecto. Al pasar el cursor sobre ella, puedes utilizar la pseudo-clase :hover para mostrar el div/sección oculta con el título y la descripción de la imagen. Aquí tienes un código de muestra para empezar:

   HTML:

   <div class="gallery-section">
     <!-- Imágenes de la galería -->
   </div>
   <div class="description-section">
     <!-- Título y descripción de la imagen -->
   </div>
   

   CSS:

   /* Ocultar la sección de la descripción por defecto */
   .description-section {
     display: none;
   }
   
   /* Mostrar la sección de la descripción al pasar el cursor sobre ella */
   .gallery-section:hover + .description-section {
     display: block;
   }
   
   /* Ajustar la posición y el estilo de la sección de la descripción según sea necesario */
   .description-section {
     position: relative;
     top: -50px; /* ajusta este valor hasta que la sección aparezca debajo de la sección de la galería */
     background-color: #fff;
     padding: 10px;
     /* añade cualquier otro estilo necesario */
   }
   

   ¡Espero que esto sea de ayuda!

Comments are closed.