Border Izquierda y Borde derecha título plugin wooccomerce  

 
Enrique
 Enrique
Famed Member

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

Citar
Respondido : 09/09/2016 11:03 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 09/09/2016 2:32 pm

Cursos Gratuitos WordPress

Enrique
 Enrique
Famed Member

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.

ResponderCitar
Respondido : 09/09/2016 2:58 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 09/09/2016 8:20 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Enrique
 Enrique
Famed Member

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.

ResponderCitar
Respondido : 13/09/2016 3:32 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 13/09/2016 6:29 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Enrique
 Enrique
Famed Member

Buenos días,

En los títulos del footer el border aparece mal.

En los títulos de los plugins también:

http://informaticapavon.net/desarrollo/abrilmodas/?min_price=21&max_price=35&product_cat=complementos

Es muy complicado ponerlo bien?

Si es así, lo quito y le pongo un border bajo.

Gracias.

Un saludo, Enrique P.

ResponderCitar
Respondido : 14/09/2016 10:32 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Enrique.
Prueba añadiendo este código:

[id*="rt-sidebar"] .title {
    font-size: 8px;

Un saludo

ResponderCitar
Respondido : 14/09/2016 11:31 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Enrique
 Enrique
Famed Member

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.

ResponderCitar
Respondido : 14/09/2016 2:47 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 14/09/2016 3:55 pm

Cursos Gratuitos WordPress

Enrique
 Enrique
Famed Member

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.

ResponderCitar
Respondido : 15/09/2016 11:53 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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

ResponderCitar
Respondido : 15/09/2016 8:21 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress