nitarocker

He podido recuperar una copia del 19 dic desde el servidor de infomaniak.

Buenas. Lo siento, no era era mi intencion, me da un poco miedo que si al poner la web aqui va a salir en los navegadores españoles, nada mas.

La web es http://www.heliblueair.com

Estoy intentando hacer que el titulo de HELI BLUE AIR salga mas pequeño en el movil.

Gracias por adelantado y siento el mal entendido.

He leido todo, y tengo un css pero me cambia toda la fuente de toda la web menos el titulo de arriba que es un H1 y no un <p>.

Lo que quiero es cambiar el tamaño de BLA BLA BLA en el movil a mas pequeño.

De que manera puedo cambiar la foto tambien en el movil?

/* Estilos para el texto en dispositivos de escritorio */
p {
font-size: 14px;
}

/* Estilos para el texto en dispositivos móviles */
@media only screen and (max-width: 767px) {
p {
font-size: 12px; 
}
}

<!-- wp:cover {"url":"http://www.****.com/wp-content/uploads/2023/07/iStock-1005753166.jpg","id":58,"dimRatio":10,"focalPoint":{"x":0.42,"y":0.59},"minHeight":1000,"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:1000px" id="home"><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.****.com/wp-content/uploads/2023/07/iStock-1005753166.jpg" style="object-position:42% 59%" data-object-fit="cover" data-object-position="42% 59%"/>

<div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"left","level":1,"style":{"spacing":{"margin":{"right":"0px","bottom":"0px","left":"0px","top":"120px"},"padding":{"top":"2.5rem","right":"0px","bottom":"5px","left":"10px"}},"typography":{"letterSpacing":"3px","fontSize":"44px"}}} -->


<h1 class="wp-block-heading has-text-align-left" style="margin-top:120px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:2.5rem;padding-right:0px;padding-bottom:5px;padding-left:10px;font-size:44px;letter-spacing:3px">BLABLA BLA</h1>

<!-- /wp:heading -->

• Esta respuesta fue modificada hace 1 año, 3 meses por nitarocker.

Esto es el HTML del titulo que es un paragraphe que queria que en el movil se vea mas pequeño y que tengo algo de espacio en los bordes en el movil:

<p style="margin-top:11px;margin-right:11px;margin-bottom:11px;margin-left:11px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:45px">HELI BLUE</p>

Buenas.
He metido el css tal como me lo has puesto en preferencias- CSS y me cambia todo el texto de toda la página pero no sé por qué motivo no me cambia el texto del título y de algún párrafo que he metido sobre la foto principal. Es raro, no? En el móvil tampoco. Es como si no hiciera efecto sobre la imagen. Gracias!
también lo que me pasa es que texto de esa foto en el móvil es como si no tuviera espacio, está pegado al borde…

• Esta respuesta fue modificada hace 1 año, 4 meses por nitarocker.

he movido mas bien la imagen porque no he conseguido hacer lo que me decias… asi que lo doy por hecho!

Gracias!

Siento mis fallos, entre el español y el frances me lio 🙁