Site logo

Archived topic

Problema al redondear esquinas imágenes con Generatepress

6 replies · Started by Antonio on December 12, 2021

Viewing posts 1–7 of 7

Buenas, tengo un problema a ver si podéis ayudarme a solucionarlo.

Mi idea era poner las esquinas redondeadas de todas las imágenes de mi web (https://tierrassinfronteras.com/fuentes-del-marques-caravaca-de-la-cruz-que-ver-hacer-visitar/) . Puse este código css y todo funcionó correctamente.

img {
border-radius: 10px;
} /* Esquinas redondeadas */

Al actualizar la página y utilizar en los post el nuevo editor por bloques Gutenberg, la primera imagen si aparece con las esquinas redondeadas pero el resto del post no (esquinas con ángulos rectos), podéis comprobarlo en el enlace. En cambio los posts que tengo con el editor clásico todas las imágenes tienen las esquinas redondeadas. Ejemplo: https://tierrassinfronteras.com/la-fabriquilla-cabo-de-gata-que-hacer/

Cómo podría modificar el css para que todas las imágenes del blog aparezcan con las esquinas redondeadas, independientemente de si el post está hecho con bloques o no.

Hi there,

Can you link me to the page in question that shows the CSS isn't working?

Thanks.

Try changing the CSS to this:

.entry-content img {
    border-radius: 10px !important;
}

Leo, sorry for spamming this.
Antonio, es por el orden en que los archivos y fragmentos de css se cargan. Prueba a añadirle !important a tu codigo css.

Solucionado el problema, muchas gracias.

No problem :)

This archived topic is closed to new replies.