Avisos
Vaciar todo
Pack Tienda WordPress
12
Respuestas
3
Usuarios
0
Reactions
674
Visitas
Topic starter
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 10: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 1:32 pm
Topic starter
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 1: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 7:20 pm
Topic starter
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 2: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 5:29 pm
Topic starter
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 9:32 am
Hola Enrique.
Prueba añadiendo este código:
[id*="rt-sidebar"] .title {
font-size: 8px;
Un saludo
Respondido : 14/09/2016 10:31 am
Topic starter
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 1: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 2:55 pm
Topic starter
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 10: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 7:21 pm
