reducir el tamaño d...
 
Avisos
Vaciar todo

reducir el tamaño de la cabecera

13 Respuestas
3 Usuarios
0 Reactions
1,795 Visitas
Respuestas: 224
Estimable Member
Topic starter
 

Buenos días,
Quiero reducir el tamaño del texto de la cabezera inicio, solatube,... me gustaría poder tenerlos en la misma linea todos.
Tambien me gustaria que desapareciese el simbolo de izquierda de la busqueda de situación.
Gracias un saludo

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 20/01/2015 11:49 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Para solucionar lo que comentas tendrás que añadir los siguiente estilos CSS:

.gf-menu.l1 > li > .item {
font-size: 14px;
}

ul.breadcrumb .icon-location {
display: none;
}

Para agregar estos estilos revisa el siguiente artículo de nuestro blog:

https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

Sobre el tema del menú ten en cuenta que la plantilla es de tipo renponsive, es decir, su ancho es variable, por lo que es posible que aunque reduzcas el tamaño de letra se siga montando en 2 líneas en algunos dispositivos. Puedes poner un tamaño menor de 14px si quieres.


 
Respondido : 20/01/2015 12:01 pm
Respuestas: 224
Estimable Member
Topic starter
 

Buenos días, y el simbolo que aparece al lado izquierdo en la banda verde, es un simbolo de busqueda de situacción?, lo quiero anular, aparece en todas las pestañasmenos en la de inicio


 
Respondido : 21/01/2015 12:01 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Ese símbolo se usa junto con el módulo de la ruta de navegación. Con los cambios que te había indicado debería dejar de mostrarse. ¿Has aplicado los cambios? ¿En qué archivo los has colocado y en qué ruta?


 
Respondido : 21/01/2015 12:05 pm
Respuestas: 224
Estimable Member
Topic starter
 

La opcion que me gustaria para quitar ese logotipo es hacer mas pequeña la banda verde, tal y como te mando en la captura, pero como puedes comprobar lo encuentro en el codigo, y luego no lo puedo guardar, no se como hacerlo.
Gracias


 
Respondido : 21/01/2015 12:19 pm
Lorena
Respuestas: 1698
Noble Member Moderator
 

Hola Fabriciano,

Lo más recomendable es utilizar un archivo css personalizado como te había indicado Pablo:

Para agregar estos estilos revisa el siguiente artículo de nuestro blog:

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

Si aplicas los cambios que te indicó ya se mostrarán los cambios que pedías:

.gf-menu.l1 > li > .item {
font-size: 14px; }
 
ul.breadcrumb .icon-location {
display: none; }

Un saludo.


 
Respondido : 21/01/2015 12:46 pm
Respuestas: 224
Estimable Member
Topic starter
 

Te envio la captura de donde lo he insertado el texto.
y el tamaño del texto de la cabezera si me ha funcionado, sin embargo el quitar el icono no.
De todas formas tambien quiero reducir esa banda verde donde está lo de la localización , está de ancho a 44px, pues lo querria poner a 10 px


 
Respondido : 21/01/2015 12:55 pm
Lorena
Respuestas: 1698
Noble Member Moderator
 

Hola,

Veo que no has utilizado el nombre para el fichero que te indica en el artículo: titan-custom.css sino titan-texto.css

Para cambiar el alto utiliza el código:

#rt-breadcrumbs {
    background: none repeat scroll 0 0 #0E9543;
    height: 10px;
}

Un saludo.


 
Respondido : 21/01/2015 1:30 pm
Respuestas: 224
Estimable Member
Topic starter
 

donde tengo que crear esa carpeta, yo la he crado en css y no se donde debo ponerla, la he editado en la custom y tampoco funciona.
Una pregunta tienen que ir los dos renglones de texto juntos, el partado del tmaño del texto que ya me ha funcionado antes donde lo he creado y el del localizador?.
¿y tambien debe ser en el mismo sitio la de la banda verde mas estrecha?


 
Respondido : 21/01/2015 1:43 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Tal como se explica en el artículo del blog, debes crear un archivo de nombre titan-custom.css y colocar dentro de él el siguiente código:

.gf-menu.l1 > li > .item {
font-size: 14px; }
 
ul.breadcrumb {
display: none; }

Una vez hecho esto sube el archivo dentro de la ruta templates/titan/css de tu web.


 
Respondido : 21/01/2015 2:58 pm
Respuestas: 224
Estimable Member
Topic starter
 

Buenos días, debo hacer algo mal, si puedo reducir el tamaño del texto pero no desaparece el icono de la localización. Te envio captura para que veas la ruta, en la que está el codigo.
Y por otro lado me gustaría reducir el tamaño de la barra verde si es de 44px, me gustaria que fuese de 10 px.
gracias, un saludo.


 
Respondido : 22/01/2015 9:24 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

En la primera captura de pantalla que envías veo que has llamado al archivo custom.css en lugar de titan-custom.css como te había comentado. Además, has subido el archivo a la ruta templates/titan en lugar de hacerlo a templates/titan/css.

Haz estos cambios y comprueba si funciona.


 
Respondido : 22/01/2015 12:04 pm
Respuestas: 224
Estimable Member
Topic starter
 

Gracias, ahora si


 
Respondido : 22/01/2015 1:05 pm