Modificar tipografí...
Avisos
Vaciar todo

Modificar tipografía de menu Prestashop y dar Acceso unicamente a clientes Mayoristas  

 
Alberto
 Alberto
Usuario experto

Hola, estoy realizando un sitio sobre el tema "Elara" en Prestashop y tengo las siguientes inquietudes:

-Necesito cambiar la tipografia a 2 elementos del menu de la izquierda, para que se destaquen del resto, como lo puedo realizar?

-El sitio esta orientado unicamente a compradores mayoristas. No quiero que cualquier usuario se registre.
Unicamente a los que yo les envíe un link para hacer el registro o revisar los registros. Que me recomiendan?
Muchas gracias!!

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 15/01/2016 6:37 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

Con respecto a tu primera consulta tendrías que indicarnos que items quieres cambiar ya que la única manera sería que se haga por CSS, y el cambio más común sería por ejemplo un cambio de color del ítem de menú, un color de letra o de fondo.

PD. Siempre que realices conslutas en foro debes plantear un tema a la vez, te sugiero hacer tu otra consulta en otro hilo de discusión, de esta manera mantenemos el foro ordenado.

Saludos

ResponderCitar
Respondido : 15/01/2016 8:41 pm

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

Alberto
 Alberto
Usuario experto

Deseo cambiar "Novedades", "Lookbook" y "Contacto".

Ahora creo una nueva consulta por la consulta 2.
Gracias!

ResponderCitar
Respondido : 15/01/2016 8:45 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Para hacer cambios CSS, ubica este archivo :
/themes/Elara/css/customuser.css

Al final agrega el siguietne código CSS, verás que el elemento a modificar se definte con nth-child(x) donde x es el número de elemento de menú, en este caso este código de ejemplo cambia de colores

.sf-menu li:nth-child(9) a{
	color : red;
}

.sf-menu li:nth-child(11) a{
	color : blue;
}

.sf-menu li:nth-child(12) a{
	color : green;
}

Puedes usar el Administrador de Archivos de tu Cpanel de tu cuenta para realizar esto, revisa :

Saludos.

ResponderCitar
Respondido : 15/01/2016 9:15 pm

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

Alberto
 Alberto
Usuario experto

Accedi al archivo y figuraba solamente esto:

"/*
Here put all your custom styles
*/
)"

Hice la modificación y no sucedió nada.
Gracias.

ResponderCitar
Respondido : 15/01/2016 9:50 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

No veo que hayas puesto nada:
Contenido solo visible a usuarios registrados

Borra todo lo que hay en este archivo, borra esos comentarios y escribe el código enviado

Saludos.

ResponderCitar
Respondido : 15/01/2016 10:00 pm

Cursos Gratuitos WordPress

Alberto
 Alberto
Usuario experto

Que raro, habia salvado y no se aplicaron los cambios. Ahora si, y quedo bien.
Que codigo deberia indicar para aplicar a los mismos otras letras, tamaño y negrita por ejemplo?
Gracias!

ResponderCitar
Respondido : 15/01/2016 10:03 pm
Lorena
 Lorena
Miembro Moderator

Hola Alberto,

Deberás cambiar CSS, para ello te recomendamos que aprendas a usar Firebug con el que podrás aprender a modificar CSS, aquí tienes un vídeo de ejemplo que te ayudará a utilizarlo:
www.webempresa.com/blog/item/282-usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Aunque en el artículo se refiere a Joomla, es válido para cualquier CMS.

También te recomendamos estos libros gratuitos sobre CSS que te permitirán iniciarte en CSS, tienes el libro de introducción y el avanzado:
http://www.librosweb.es/

Te será muy útil también http://www.w3schools.com/cssref/

Por ejemplo, para el tamaño -> http://www.w3schools.com/cssref/pr_font_font-size.asp y para negrita http://www.w3schools.com/cssref/pr_font_weight.asp

Un saludo.

ResponderCitar
Respondido : 16/01/2016 11:46 am

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

Alberto
 Alberto
Usuario experto

Muchas gracias por las respuestas!
He podido modificar el tamaño, el color y el estilo, pero no he podido cambiar la tipografia.
Existe algun comando distinto para hacerlo?
He intentado con "font-family: Arial;" etc. y ningun cambio.
Gracias!

ResponderCitar
Respondido : 16/01/2016 3:29 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Podrías evaluar usar una fuente standard
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

Al final poner !important, por ejemplo :

font-family:impact!important;

PD. Si quieres otros tipos de fuente como de google fonts, se complicaría más ya que tendrías que usar extensiones o modificar la cabecera del theme para agregar las referencia a google

Saludos

ResponderCitar
Respondido : 16/01/2016 4:43 pm

Alberto
 Alberto
Usuario experto

Gracias! Tema resuelto!

ResponderCitar
Respondido : 16/01/2016 6:24 pm