estilo menú mplantilla helena  

 
FRANCISCO
 FRANCISCO
Honorable Member

necesito que los menu que estoy creando tengan el mismo stylo que el menu marcas

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 14/08/2015 3:03 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Para conseguir un diseño similar tendrías que agregar algunos estilos CSS. En concreto, prueba a añadir los siguientes para ver si funciona:

#rt-sidebar-a ul.menu {
	margin: 0;
	list-style-type: none;
	background-image: none;
	padding: 2px;
}

#rt-sidebar-a ul.menu li {
	padding: 5px 0;
	border-bottom: 1px solid @bodytext;
}

#rt-sidebar-a ul.menu li a:before {
	font-family: FontAwesome;
	content: "f0da";
	margin-right: 10px;
}

#rt-sidebar-a ul.menu li ul li {
	border-bottom: 0;
}

#rt-sidebar-a ul.menu span {
	float: right;
}

#rt-sidebar-a ul.menu a {
	color: @bodytext;
}

#rt-sidebar-a ul.menu a:hover {
	color: @linkcolor;
}

Revisa el siguiente artículo de nuestro blog donde se explica cómo añadir estilos CSS personalizados en plantillas como la tuya:

www.webempresa.com/blog/item/1469-agregar-archivo-css-personalizado-para-plantillas-gantry.html

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 14/08/2015 4:19 pm

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

FRANCISCO
 FRANCISCO
Honorable Member

algo hemos conseguido mira como ha quedado, pero si puedes ayudarme a que la letra sea mas fina y pequeña y la linea entre los itemns, como esta en el otro

ResponderCitar
Respondido : 14/08/2015 5:42 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Primero elimina esto :

#rt-sidebar-a ul.menu a {
	color: @bodytext; }
 
#rt-sidebar-a ul.menu a:hover {
	color: @linkcolor; }

Ya que este código con variables funciona sólo con Less

Luego en tu código css veo dos llaves al inicio del archivo personalizado, esto es incorrecto :

   body, a, p { font-family:"Segoe Print","Helvetica",arial,serif; }
}

Deberás borrar la última llave , cada sentencia tiene su propia llaver, aunque igual puedes borrar todo este código por que este tipo de letra no esta cargandose

Luego para que quede similar, con los estilos que te quedaste, prueba agregar estilos adicionales:


#rt-sidebar-a ul.menu a{
border-bottom: 1px solid #aaa;
color: #555;
font-size: 14px;
font-weight: normal;
padding-bottom: 5px;
}


#rt-sidebar-a ul.menu a:hover{
color:#4d8cb0;
}

#rt-sidebar-a ul.menu li a::before{
font-size:14px;
}

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 14/08/2015 7:29 pm

Cursos Gratuitos WordPress

FRANCISCO
 FRANCISCO
Honorable Member

una cosa mas, como puedo poner que haya menos espacio entre un iten y otro

ResponderCitar
Respondido : 14/08/2015 8:08 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

En tu archivo personalizado tienes

#rt-sidebar-a ul.menu li {
   padding: 4px 0;
   border-bottom: 1px solid @bodytext; 
}

sólo deja el paddin por q la otra instrucción no funciona, y al padding ponlo en 0, es decir quedaría como :

#rt-sidebar-a ul.menu li {
   padding: 0; 
}

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 14/08/2015 8:25 pm

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

Por favor Iniciar Sesión o Registro