Problemas para agregar borde y redondeado a cajas de alerta en MyThemeShop

ramonjosegn · 19 Dic 2016

Hola chicos/as.

Estoy tratando de añadir borde y redondeado en las esquinas a las cajas de alerta del los shortcodes de MyThemeShop pero no lo consigo.

No sé qué esté haciendo mal.

¿Me podéis echar un cable?

Gracias.

En este enlace se pueden ver las cajas renderizadas

Shortcodes – MagXP

Gracias por la ayuda.

Estos son los códigos que usan

.success {
background: #d8ebce none repeat scroll 0 0;
border: 1px solid #def1bf;
color: #748f5d;
}
.warning {
background: #fde2e2 none repeat scroll 0 0;
border: 1px solid #ffdbdb;
color: #ac888a;
}

xxphiterx · 19 Dic 2016

Utiliza border-radius en tu css. para darle los bordes redondeados
aqui mas informacion:
CSS3 border-radius property
:encouragement:

ramonjosegn · 19 Dic 2016

xxphiterx dijo:
Utiliza border-radius en tu css. para darle los bordes redondeados
aqui mas informacion:
CSS3 border-radius property
:encouragement:

Eso intento pero no sé si es que estoy aplicando el estilo en el lugar equivocado o qué porqué ni caso... o no sé si se deba a cómo cosntruyeron las cajas ...

xxphiterx · 19 Dic 2016

Acabo de probarlo y no hay ningun problema en darle bordes redondeados.
En ultimo caso, podrias inspeccionar las cajas que has agregado a tu pagina, ver que clase tiene y añadirselo.
🙂

ramonjosegn · 19 Dic 2016

xxphiterx dijo:
Acabo de probarlo y no hay ningun problema en darle bordes redondeados.
🙂

Ya pude, no sé porqué no me estaba aplicando, creo que no tuve cuidado con la puntuación, la caché del navegador o algo así...

Muchísimas gracias.

Es que esas cajas cuadradas no me agradan mucho, prefiero el estilo Bootstrap:

Bootstrap Alerts

Aaroncillo · 19 Dic 2016

Me acuerdo de "Escalofrios", "Le temes a la oscuridad", "Ciencia traviesa" y de momento no me vienen mas a la mente así viejas, al menos que no sean animadas.

ramonjosegn · 19 Dic 2016

Aaroncillo dijo:
Me acuerdo de "Escalofrios", "Le temes a la oscuridad", "Ciencia traviesa" y de momento no me vienen mas a la mente así viejas, al menos que no sean animadas.

Creo que estabas tratando de responder allá > http://forobeta.com/television/537731-series-antiguas-que-recuerdas-a-ver-recuerda-mas-vieja.html

Aaroncillo · 19 Dic 2016

ramonjosegn dijo:
Creo que estabas tratando de responder allá > http://forobeta.com/television/537731-series-antiguas-que-recuerdas-a-ver-recuerda-mas-vieja.html

Rayos si, es quería comentar allá, pero al mismo tiempo estaba leyendo acá para ver si aprendía algo y me líe. Sorry.

belial9826 · 19 Dic 2016

[MENTION=1576]ramonjosegn[/MENTION] Creo que lo siguiente te puede ayudar...

HTML:

.message_box.announce {
    border: 1px solid #def1bf;
    border-radius: 21px;
}

ramonjosegn · 19 Dic 2016

belial9826 dijo:
[MENTION=1576]ramonjosegn[/MENTION] Creo que lo siguiente te puede ayudar...

HTML:

.message_box.announce { border: 1px solid #def1bf; border-radius: 21px; }

Ya pude trabajarlo, gracias.

No sé porqué no estaba aplicando... aunque me faltó el solid en un principio...

Marketing Doing · 25 Dic 2016

Intenta modificar tu código de esta forma:

Si es para el .success:

HTML:

.success {
background: #d8ebce none repeat scroll 0 0;
border: 1px solid #def1bf;
color: #748f5d;
border-radius: 3px /*aquí defines el redondeado del borde*/;
}
.warning {
background: #fde2e2 none repeat scroll 0 0;
border: 1px solid #ffdbdb;
color: #ac888a;
}

Si es para el .warning:

HTML:

.success {
background: #d8ebce none repeat scroll 0 0;
border: 1px solid #def1bf;
color: #748f5d;
}
.warning {
background: #fde2e2 none repeat scroll 0 0;
border: 1px solid #ffdbdb;
border-radius: 3px /*aquí defines el redondeado del borde*/;
color: #ac888a;
}

Y eso sería todo, espero te sirva. 😉:encouragement:

Problemas para agregar borde y redondeado a cajas de alerta en MyThemeShop

ramonjosegn

xxphiterx

ramonjosegn

xxphiterx

ramonjosegn

Aaroncillo

ramonjosegn

Aaroncillo

belial9826

ramonjosegn

Marketing Doing