- Este debate tiene 2 respuestas, 2 mensajes y ha sido actualizado por última vez el hace 2 años, 6 meses por
.
-
Entradas
-
Buenas tardes Chorris,
Estoy ajustando el responsive de una web y no se como hacer que una imagen que tengo de fondo sea menos alta en móvil, lo he intentado con «width» y con «height» pero no funciona.
También quiero hacer lo mismo con un espaciador, que en la web para ordenador lo había añadido con el editor de WordPress y mide 100px, pero para móvil también me gustaría que fuera menos alto.Gracias de antemano
Hola daniel
Se me ocurre lo siguiente, igual alguien tiene mejores ideas
1. Trabajar con Gutenberg y con Generate blocks.
2. Creas un contenedor y le añades una foto como background ( no me refiero a que le añadas un widget de fondo, simplemente añades un background eligiendo una foto )
3. Dentro de ese contenedor, añades otro contenedor y en ese mismo añades un widget que pudiera ser un h1, h2, párrafo, lo que quieras ( en el caso de que necesites que haya algo sobre la foto )
4. Al tener tu h1, párrafo, etc dentro del contenedor puedes darle a ese contenedor interno el relleno de los pixeles que necesites en tu ordenador.
5. Te vas a versión móvil, al contenedor donde tienes el h1, el párrafo, etc y ahi modificas el relleno que le has puesto reduciéndolo hasta que te venga bien en móviles.La idea principal para mi es trabajar con Generabe blocks y utilizar mucho los contenedores, ya que en versión móvil los contenedores se pueden modificar de forma independiente.
Espero haya sido de ayuda y me haya explicado bien.
Me interesa el tema así que si alguien tiene más ideas genial.Ya lo he conseguido hacer 🙂
Muchas gracias por la respuesta!!La manera en la que lo he hecho ha sido dandole una clase css al fondo y en el editor de css le he puesto un margin top negativo y así puedes recortar la caja a la medida que deseas.
- Debes estar registrado para responder a este debate.
