Border-radius en imagen cabecera me salen solo 2 esquinas

gabcor

Gamma
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
4 Jun 2012
Mensajes
150
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

VIP
Dseda
Diseñador
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
10 Mar 2017
Mensajes
1.209
Edad
24
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

Gamma
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
4 Jun 2012
Mensajes
150
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

Alfa
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
27 Nov 2017
Mensajes
23
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;
}
 

Gabrielt

Alfa
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
27 Nov 2017
Mensajes
23
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

Gamma
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
4 Jun 2012
Mensajes
150
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

Alfa
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
27 Nov 2017
Mensajes
23
Fue un placer haberte ayudado :D
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!!
 

Arriba