Avisos
Vaciar todo
Buenos días,
Quisiera que mis títulos tuviesen un borde a la izquierda y otro a la derecha. Algo similar a la imagen que adjunto:
He probado varias cosas pero de momento nada.
A ver si me podéis ayudar.
Gracias.
Un saludo, Enrique P.
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 09/09/2016 11:03 am
Hola Enrique.
Tendrías que añadir una clase a los títulos y una imagen para la linea.
El código seria parecido a esto, pero tendrás que adaptarlo a tus necesidades:
.title, .component-content h2 {
background: rgba(0, 0, 0, 0) url("http:Url de la imagen......") no-repeat scroll 0 0;
content: "";
display: block;
height: 8px;
margin-top: -4px;
position: absolute;
top: 50%;
width: 58px;
}
Un saludo
Respondido : 09/09/2016 2:32 pm
Buenos días,
Ahora mismo lo tengo así:
http://informaticapavon.net/desarrollo/abrilmodas/
Solo me falta quitar el tachado del título.
¿Que debo modificar?
Gracias.
Un saludo, Enrique P.
Respondido : 09/09/2016 2:58 pm
Hola
Prueba agregar el siguiente código CSS:
.title{
border:none;
}
Agrega este codigo al final del archivo :
/desarrollo/abrilmodas/wp-content/themes/helena_wp/css/helena_wp-custom.css
Saludos.
Respondido : 09/09/2016 8:20 pm
Buenas tardes,
He añadido lo que me indicas pero entonce me desaparece todo el borde.
Solo quiero que se quite el borde que aparece encima del título como aquí:
http://www.atelierbadajoz.com/
Gracias.
Espero vuestras noticias.
Un saludo, Enrique P.
Respondido : 13/09/2016 3:32 pm
Hola
Ok, ya entiendo, sin embargo, la estructura del theme no ayuda mucho, podrías simular esto, agrega el siguiente código a tu archivo personalizado css
@media (min-width:768px) {
h2.title:before,
h2.title:after{
border:1px solid blue;
content:"";
display:block;
width:30%;
float:left;
}
h2.title:after{
border:1px solid red;
float:right;
}
}
Cambia el red y blue por los colores que desees.
Saludos.
Respondido : 13/09/2016 6:29 pm
Buenos días,
En los títulos del footer el border aparece mal.
En los títulos de los plugins también:
Es muy complicado ponerlo bien?
Si es así, lo quito y le pongo un border bajo.
Gracias.
Un saludo, Enrique P.
Respondido : 14/09/2016 10:32 am
Hola Enrique.
Prueba añadiendo este código:
[id*="rt-sidebar"] .title {
font-size: 8px;
Un saludo
Respondido : 14/09/2016 11:31 am
Buenos días,
Le he puesto este código:
[id*="rt-sidebar"] .title {
font-size: 12px;
padding: 10px 2px !important;}
Para que se viese un poco más grande, pero me pisa el título.
Gracias.
Espero noticias.
Un saludo, Enrique P.
Respondido : 14/09/2016 2:47 pm
Hola Enrique.
Tienes que poner un tamaño de letra mas pequeño, si no como tu indicas te pisara el titulo, piensa que tienes un espacio delimitado y si se pasa del tamaño te añade un afila más y lo que falta lo añade en la segunda fila.
Un saludo
Respondido : 14/09/2016 3:55 pm
Buenos días,
Pues vamos a quitar ese border para los títulos de los módulos que están en la derecha.
¿Se puede no?
Gracias.
Un saludo, Enrique P.
Respondido : 15/09/2016 11:53 am
HOla
Al código que te envíe al inicio sólo hay que agregar que see muestre para una posición específica para el #rt-content-top, elimina el resto de código que has colocado para esta funcionalidad y sólo deja :
@media (min-width:768px) {
#rt-content-top h2.title:before,
#rt-content-top h2.title:after{
border:1px solid blue;
content:"";
display:block;
width:30%;
float:left;
}
#rt-content-top h2.title:after{
border:1px solid red;
float:right;
}
}
Saludos
Respondido : 15/09/2016 8:21 pm
