📣 Seu anúncio aqui? Anuncie no ForoBeta

Problemas para adicionar borda e arredondado a caixas de alerta no MyThemeShop

  • Autor Autor ramonjosegn
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
ramonjosegn

ramonjosegn

Sigma
Verificación en dos pasos activada
Usuário popular!
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;
}
 
Última edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
Utiliza border-radius en tu css. para darle los bordes redondeados
aqui mas informacion:
CSS3 border-radius property
:encouragement:
 
xxphiterx disse:
Utiliza border-radius en tu css. para darle los bordes redondeados
aqui mas informacion:
CSS3 border-radius property
:encouragement:
Clique para expandir...

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 ...
 
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.
🙂
 
xxphiterx disse:
Acabo de probarlo y no hay ningun problema en darle bordes redondeados.
🙂
Clique para expandir...

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
 
Última edição:
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.
 
[MENTION=1576]ramonjosegn[/MENTION] Creo que lo siguiente te puede ayudar...

HTML: 
.message_box.announce {
    border: 1px solid #def1bf;
    border-radius: 21px;
}
 
belial9826 disse:
[MENTION=1576]ramonjosegn[/MENTION] Creo que lo siguiente te puede ayudar...

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

Ya pude trabajarlo, gracias.

No sé porqué no estaba aplicando... aunque me faltó el solid en un principio...
 
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:
 
Você precisa estar logado ou cadastrado para responder aqui.
Voltar
Topo