¿Cómo redondear las 4 esquinas de una imagen en Blogger?

gabcor · 25 Jun 2020

Quiero que se redondear las 4 esquinas de la imagen pero me salen 2 opuestas nomás, así lo puse, es en blogger
}

.Header img, .Header #header-inner {
-moz-border-radius: $(header.border.radius);
-webkit-border-radius: $(header.border.radius);
-goog-ms-border-radius: $(header.border.radius);
border-radius: 22px $(header.border.radius);
}

ayuda!! gracias

Kevin Ramos · 25 Jun 2020

Vale broh, ese código si que esta raro. Para redondear las cuatro esquinas solo debes hacer esto:

Insertar CODE, HTML o PHP:

Etiqueta{
 -prefijo-border-radius: 10px;
}

Si quieres que las esquinas tengan diferentes medidas solo debes hacer esto:

Insertar CODE, HTML o PHP:

Etiqueta{
 -prefijo-border-radius: 10px 15px 13px 10px;
}

Espero eso te sirva.

gabcor · 26 Jun 2020

Es el código que trae la plantilla de blogger por defecto, yo solo le puse el numero 22px
No me funcionó como me pusiste,

.Header img {
-prefijo-border-radius: 22px;
}

puede ser que esté chocando con otra parte de código

Gabrielt · 26 Jun 2020

gabcor dijo:
Es el código que trae la plantilla de blogger por defecto, yo solo le puse el numero 22px
No me funcionó como me pusiste,

.Header img {
-prefijo-border-radius: 22px;
}

puede ser que esté chocando con otra parte de código

Si quieres evitar que choque con otra parte de código haz esto:

.Header img {
-prefijo-border-radius: 22px !important;
}

gabcor · 26 Jun 2020

Gabrielt dijo:
Si quieres evitar que choque con otra parte de código haz esto:

.Header img {
-prefijo-border-radius: 22px !important;
}

lo probé y tampoco funciona, puede ser un problema de la plantilla, que se yo...

Gabrielt · 26 Jun 2020

gabcor dijo:
lo probé y tampoco funciona, puede ser un problema de la plantilla, que se yo...

Intenta inspeccionando el elemento con inspeccionar, lo seleccionas y miras los estilos. Ahí verás en qué partes del código le están aplicando los estilos al elemento

gabcor · 26 Jun 2020

Gabrielt dijo:
Intenta inspeccionando el elemento con inspeccionar, lo seleccionas y miras los estilos. Ahí verás en qué partes del código le están aplicando los estilos al elemento

ya encontre el problema, vi como dijiste el codigo fuente, y me salía
"border-radius: 22px 0; "
como que había 2 parametros, y esa línea en plantilla la tenía así
border-radius: 22px $(header.border.radius);

lo que hice fue eliminar "$(header.border.radius)" y listo
ahora si quedó bien con las 4 esquinas

gracias!!

Gabrielt · 27 Jun 2020

Fue un placer haberte ayudado

gabcor dijo:
ya encontre el problema, vi como dijiste el codigo fuente, y me salía
"border-radius: 22px 0; "
como que había 2 parametros, y esa línea en plantilla la tenía así
border-radius: 22px $(header.border.radius);

lo que hice fue eliminar "$(header.border.radius)" y listo
ahora si quedó bien con las 4 esquinas

gracias!!