Tema Silent con gan...
 
Avisos
Vaciar todo

Tema Silent con gantry 5

15 Respuestas
3 Usuarios
0 Reactions
842 Visitas
Domingo Gil
Respuestas: 305
Reputable Member
Topic starter
 

Buenos días
Estoy utilizando la plantilla Silent con gantry 5 y no encuentro como controlar el tamaño del texto en los menús ni tampoco cómo hacer para que aparezcan los títulos de los módulos que me interesen.

Gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 10/04/2017 2:21 pm
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola Domingo.

El tamaño de la letra dependerá del modulo que estés utilizando y puedes cambiarlo con algo de codigo CSS

Por ejemplo para los dos menús que muestras seria algo como esto:

.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
    font-size: 1rem;
}

Para manejar los modulos ( En este caso particulas )
.- Accede a tu plantilla y selecciona la paguina que quieres modificar.
.- En el apartado styles, puedes modificar el color de las fuentes que utilizara tu plantilla.
.- En el apartado Layout es donde tienes todas las particulas para poder trabajar:

.- Si editas alguna partícula veras la opción titulo, si no añades nada en esa opcion no se mostrara el titulo:

Un saludo


 
Respondido : 10/04/2017 3:06 pm
Domingo Gil
Respuestas: 305
Reputable Member
Topic starter
 

Hola, he colocado el código de CSS en el archivo custom.css que está en la ruta /templates/rt_salient/custom/css-compiled y no ha funcionado, cual es el sitio correcto para colocarlo.
He revisado el módulo de menú que está en el sidebar izquierdo, el primero y cómo puedes observar en la imagen no me sale la opción de titulo.


 
Respondido : 10/04/2017 4:00 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

No debes usar ese archivo, revisa la documentación, debes usar un custom.scss

Ten cuidado con la extensión ya que es un archivo sass , sin embargo igual puedes poner código CSS normal

http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet

Saludos.


 
Respondido : 10/04/2017 5:40 pm
Domingo Gil
Respuestas: 305
Reputable Member
Topic starter
 

Hola, he revisado la carpeta y no encontre ningun archivo Custom.scss, he creado uno archivo CSS normla y lo puse en esa carpeta en la ruta templates/rt_salient/scss/Salient-custom.css
y no ha dado resultado..............

La otra consulta era porque no puedo mostrar los titulos de los menus, segui las indicaciones de Pepe que me indico un poco mas atras en este Ticket y no dio resultado:.

Saludos


 
Respondido : 10/04/2017 6:13 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Tal como indica la documentación debes crear el archivo custom.scss, respeta las minúsculas
En este archivo coloca el código CSS que te indicaron anteriormente.

Resuelve primero este problema.

Saludos


 
Respondido : 10/04/2017 9:40 pm
Domingo Gil
Respuestas: 305
Reputable Member
Topic starter
 

Buenos dias
he creado el archivo "custom.scss" en la ruta "/templates/rt_salient/scss" y como pueden observar no hace efecto sobre el tamaño de los enlaces de los menus https://www.ruthmontenegro.com/RUTH2/

Saludos


 
Respondido : 11/04/2017 12:46 pm
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola domingo.

El archivo custom.scss lo tienes que añadir dentro de la carpeta custom que encontraras en templates/tuplantilla/custom

Tienes que crear una carpeta dentro de custom con el nombre scss y añadir en esa carpeta el archivo.

Puede copiar algún archivo de los que tengas dentro de la carpeta scss a la carpeta scss de custom.
después de copiarlo lo editas, eliminas su contenido y añades el código que te pase.

Gantry 5 tiene la peculiaridad que puedes decirle si estas en modo desarrollo o esta ya en producción, esto lo realizas accediendo a la administración de tu plantilla y veras en la parte superior un menú con un item que pone Extras, si lo despliegas veras que una opción que pone Producción y un selector para activarlo y desactivarlo, si vas a realizar muchas modificaciones lo mejor es que lo dejes desmarcado ( en rojo ) para que tome todas las modificaciones que vallas realizando.
Si no tienes que realizar muchas modificaciones puedes dejarlo en producción y recompilar el CSS, para eso veras un botón en la parte superior que pone ' Recompile CSS '

Un saludo


 
Respondido : 11/04/2017 1:14 pm
Domingo Gil
Respuestas: 305
Reputable Member
Topic starter
 

Hola, ya he puesto el selector de producion en activado (en rojo) porque tendre que hacer varias modificaciones, gracias por este consejo.

he puesto el archivo "custom.scss" en la ruta "/templates/rt_salient/custom" con el codigo:

/* tamaño letra menus */
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
font-size: 1rem;
}
y todavia no afecta al tamaño de los enlaces del menu

Saludos


 
Respondido : 11/04/2017 1:24 pm
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola domingo.

Ocasionalmente le pedí a un técnico que hosting que te prepara el archivo y añadiera el código a ese archivo, después comprobé la web y veo que ya carga con un tamaño mas grande.

lo que se realizo fue crear un carpeta con el nombre scss dentro de la carpeta custom y dentro de la carpeta scss añadimos un archivo con el nombre custom.scss y añadimos el código que te pase en ese archivo.

Todas las modificaciones que realices las tienes que hacer en ese archivo.

Comprueba los resultados y nos comentas.

Un saludo


 
Respondido : 11/04/2017 1:51 pm
Domingo Gil
Respuestas: 305
Reputable Member
Topic starter
 

De entrada gracias por el interes, primero comentarte que lo que busco no es aumentar el tamaño de los enlaces de los menus si no todo lo contrario disminuir el tamaño y disminuir tambien el espacio en tre los enlaces, pero esto es ahora secundario lo primero es que los menus acepten el codigo que se ha puesto en el archivo Custom y como podras observar he puesto un font-size: 5rem; para ver si afectaba y no es asi.

Saludos


 
Respondido : 11/04/2017 2:04 pm
Domingo Gil
Respuestas: 305
Reputable Member
Topic starter
 

El archivo esta en el lugar correcto, funciona, he puesto unos codigos para botones personalizados y funcionan perfectamente, el problema esta en el codigo que me pasastes.

Saludos


 
Respondido : 11/04/2017 2:07 pm
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola Domingo.

Lo acabo de probar y funciona bien.

Si quieres que el texto sea mas pequeño reduce el valor de font-size: 1rem; por ejemplo font-size: 0.7rem;

Un saludo


 
Respondido : 11/04/2017 2:16 pm
Domingo Gil
Respuestas: 305
Reputable Member
Topic starter
 

Perfecto, ahora si, muchas gracias, que le añado a este codigo para que el espacio entre los enlaces en el menu principal y los margenes por encima y debajo del menu sean menores, en la imagen te lo detallo.

Gracias.


 
Respondido : 11/04/2017 2:31 pm
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola Domingo.

Prueba añadir lo siguiente:

#g-navigation > .g-container {
    margin: 0.5rem auto;
}

#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-item-title {
    padding-right: 1rem;
}

Un saludo


 
Respondido : 11/04/2017 2:48 pm