Si entiendo correctamente, quieres mover tres párrafos dentro de tu contenido de WordPress sin que haya un espacio entre ellos que modifique el diseño. Para lograr esto, puedes usar HTML y CSS para dar estilo a tus párrafos y asegurarte de que tengan un espaciado fijo entre ellos. Aquí hay una solución para ello:
- Ve al editor de WordPress en el modo de edición de texto (no visual) para poder trabajar con el código HTML directamente.
- Envuelve tus párrafos con un contenedor div. Esto te permitirá aplicar estilos al grupo de párrafos y asegurarte de que no haya espacio entre ellos.
- Asegúrate de que tus párrafos estén separados por líneas vacías para que, al moverlos, no se fusionen en un solo párrafo.
- Aplica estilos CSS para controlar el espaciado entre los párrafos dentro del contenedor div. Puedes hacerlo ajustando el margen inferior de los párrafos.
Aquí hay un ejemplo de cómo hacerlo:
<style> /* Estilos para el contenedor div */ .paragraph-container { margin-bottom: 20px; /* Espacio entre los párrafos */ } </style> <div class="paragraph-container"> <p>Este es el primer párrafo.</p> </div> <div class="paragraph-container"> <p>Este es el segundo párrafo.</p> </div> <div class="paragraph-container"> <p>Este es el tercer párrafo.</p> </div>
Con este enfoque, cada párrafo se encuentra en su propio contenedor div con un margen inferior específico. Al cambiar la posición de un párrafo, los otros párrafos no se verán afectados y el diseño permanecerá constante.
Recuerda que debes estar en el modo de edición de texto para usar este código. Si vuelves al modo de edición visual, verás los párrafos separados por los márgenes definidos en el CSS.
Cualquier cosa ya me dices
Wow, muchas gracias, paso horas y horas para cambiar una cosa, es increible 🙁
No me funciona, lo que quiero es poner el texto 1 donde me da la gana, y el texto 2 donde me da la gana… no quiero un espacio predefinido entre los dos y no quiero que si modifico uno se me modifique el otro…
Y tambien tengo el problema que cuando lo veo en el un mointor se ve bien pero cuando lo veo en un mobil el texto es gigante. ¿No se podria cambiar el tamaño del texto en el monitor y elegir un otro tamaño para el movil?
Gracias, gracias, gracias
Anna
<!-- wp:cover {"url":"http://www.heliblueair.com/wp-content/uploads/2023/07/iStock-1005753166.jpg","id":58,"dimRatio":10,"focalPoint":{"x":0.5,"y":1},"minHeight":955,"minHeightUnit":"px","contentPosition":"center center","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-cover alignfull is-light" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:955px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-10 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-58" alt="" src="http://www.heliblueair.com/wp-content/uploads/2023/07/iStock-1005753166.jpg" style="object-position:50% 100%" data-object-fit="cover" data-object-position="50% 100%"/><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":"89px"} -->
<div style="height:89px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:paragraph {"style":{"typography":{"fontSize":"45px"}}} -->
<p style="font-size:45px">HELI BLUE AIR</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"textAlign":"left","level":1,"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"fontSize":"medium"} -->
<h1 class="wp-block-heading has-text-align-left has-medium-font-size" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px"> · Tours d'hélicoptère · Transfert privé<br> · Skydive · Éventements · Pilotage</h1>
<!-- /wp:heading -->
Siento mis fallos, entre el español y el frances me lio 🙁
he movido mas bien la imagen porque no he conseguido hacer lo que me decias… asi que lo doy por hecho!
Gracias!
Buenas, me alegra saber que así o asa lo has solucionado
Gracias
