Ayuda con esquinas redondeadas en los thumbnails de un blog en WordPress

kahlo

Eta

Diseñador

Verificación en dos pasos activada

Verificado por Whatsapp

• 3 May 2013

• #1

Hola compañeros, tengo una amiga que me ha pedido que le ponga a los thumbnails de las entradas relacionadas de su blog las esquinas redondeadas. Estoy investigando y probando pero no soy capaz de hacerlo. El blog es este: Youtube de Clu's Corner

Alguien me puede echar una mano?

Gracias, un saludo.

 

C

CopperDeveloper

Épsilon

Programador

• 3 May 2013

• #2

Hola! con border-radius: px;

 

Koletta

Dseda

Verificación en dos pasos activada

Verificado por Whatsapp

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 3 May 2013

• #3

Las propiedades CSS son las siguientes (según los navegadores):
border: 1px solid #000000;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;

Pero a mi me daban problemas. Tal vez podrías hacerlo con una imagen en PNG con los bordes redondeados.

 

Koletta

Dseda

Verificación en dos pasos activada

Verificado por Whatsapp

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 3 May 2013

• #4

Suerte amigo. Cualquier cosa pregunta 🙂

 

C

CopperDeveloper

Épsilon

Programador

• 3 May 2013

• #5

Koletta dijo:

Las propiedades CSS son las siguientes (según los navegadores):
border: 1px solid #000000;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;

Pero a mi me daban problemas. Tal vez podrías hacerlo con una imagen en PNG con los bordes redondeados.

Hacer clic para expandir...

Pero si lo hace directamente desde el style de la clase redondea todo, fijate

 

Koletta

Dseda

Verificación en dos pasos activada

Verificado por Whatsapp

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 3 May 2013

• #6

Coperfield dijo:

Pero si lo hace directamente desde el style de la clase redondea todo, fijate

Hacer clic para expandir...

Debe ponerlo solo a las que quiera :encouragement:

 

C

CopperDeveloper

Épsilon

Programador

• 3 May 2013

• #7

por eso, por lo que veo tienes que agregar el codigo en el archivo styles-thumbnails.php ahí podes darle border radius a la imágen, a el recuadro o a ambas

 

Wizard

Xi

Verificación en dos pasos activada

Verificado por Whatsapp

¡Ha verificado su Paypal!

• 3 May 2013

• #8

Puedes buscar esta clase:

Insertar CODE, HTML o PHP:

.yarpp-thumbnail-default > img {

y le agregas la propiedad:

Insertar CODE, HTML o PHP:

border-radius: 5px;

La medida de 5px la puedes aumentar o disminuir, mientras más alta la medida más redondedas serán las esquinas.

-Actualmente no es necesario utilizar los prefijos -moz- o -webkit- ya que los navegadores (Firefox, y Chrome), ya soportan correctamente esta propiedad sin la utilización de prefijos.

Espero que te sirva amigo