Avisos
Vaciar todo

Tema Silent con gantry 5  

 
Domingo Gil
 Domingo Gil
Reputable Member

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

Citar
Respondido : 10/04/2017 3:21 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 10/04/2017 4:06 pm

Domingo Gil
 Domingo Gil
Reputable Member

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.

ResponderCitar
Respondido : 10/04/2017 5:00 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 10/04/2017 6:40 pm

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

Domingo Gil
 Domingo Gil
Reputable Member

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

ResponderCitar
Respondido : 10/04/2017 7:13 pm
Jhon
 Jhon
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 10/04/2017 10:40 pm

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

Domingo Gil
 Domingo Gil
Reputable Member

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

ResponderCitar
Respondido : 11/04/2017 1:46 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 11/04/2017 2:14 pm

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

Domingo Gil
 Domingo Gil
Reputable Member

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

ResponderCitar
Respondido : 11/04/2017 2:24 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 11/04/2017 2:51 pm

Cursos Gratuitos WordPress

Domingo Gil
 Domingo Gil
Reputable Member

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

ResponderCitar
Respondido : 11/04/2017 3:04 pm
Domingo Gil
 Domingo Gil
Reputable Member

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

ResponderCitar
Respondido : 11/04/2017 3:07 pm

Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 11/04/2017 3:16 pm
Domingo Gil
 Domingo Gil
Reputable Member

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.

ResponderCitar
Respondido : 11/04/2017 3:31 pm

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

Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 11/04/2017 3:48 pm