Avisos
Vaciar todo

Estilos css one page  

 
Julian
 Julian
Reputable Member

Buenas tardes! Estoy modificando mi plantilla One-page, pero nose donde se encuentran definidos los estilos que utiliza mi pagina, pude lograr bastante al poder entender mas o menos el funcionamiento de LESS, pero no puedo dar donde se encuentran los estilos de estas clases que adjunto a continuacion. Favor si me pueden ayudar a ubicarlos ya que joomla 3 me es muy nuevo....

Gracias!

mi sitio es: www.plazacontenidos.com.ar

Citar
Respondido : 16/10/2013 7:57 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Julian

span3 es una clase de bootstrap para la cantidad de columnas, luego thumbnail parace ser una clase del template

Sin embargo si quieres añadir algo adicional lo mejor será que agregues tu propia clase, por ejemplo:

    Luego trabajes en base a tu clase, por otro lado, no te recomiendo eliminar span3, esto es lo que te define la estructura , si tienes menos imagenes, por ejemplo 3, podrías cambiar por span4, la idea es que sume 12

    Saludos.

    ResponderCitar
Respondido : 16/10/2013 8:40 pm

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

Julian
 Julian
Reputable Member

Gracias por tu respuesta! Me funciono perfectamente con la clase span4. Ahora mi pregunta es la siguiente, donde se encuentran definidos estos estilos??? Y si quiero agregar estilos nuevos en que hoja los creo??...
Gracias!!!!
Saludos!!!

ResponderCitar
Respondido : 17/10/2013 10:58 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla Julian

Tu template carga varias hojas de estilos, específicamente los estilos de span4 son de bootstrap no deberías modificar estos archivos, si que puedes modificar otros, por ejemplo puedes agregar o modificar código en :

/templates/ja_onepage/css/template.css

Sin embargo es mejor en :
/templates/ja_onepage/less/template.css

Luego deberás compilar este archivo para que se genere el template.css , la compilación lo puedes hacer desde la configuración de la plantilla, esta usa T3 framework y tiene una opción de compilar less. (compile less to CSS)

Saludos.

ResponderCitar
Respondido : 17/10/2013 11:09 pm

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

Julian
 Julian
Reputable Member

Muchas gracias por tu respuesta! He dado con ellos donde me lo has indicado! Gracias!

Tengo una pequeña duda.. Yo modificaba directamente el archivo .less ... Luego lo subia al servidor y reemplazaba el archivo .less original..
Refrescaba la página y ya notaba los cambios... Osea, nunca hacia la compilación yo mismo. He visto y se donde se encuentra el boton "compile less to css" pero nunca lo tuve q usar...
A que se debe esto? Lo complila automaticamente? o si o si debo realizar ese paso, yo no lo hacia ya que los cambios los notaba en ese mismo momento con solo actualizar la página...

Gracias!!!

ResponderCitar
Respondido : 17/10/2013 11:20 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Julian,

Esta opción entra en funcionamiento cuando tienes habilitada el modo de desarrollo.

Saludos.

ResponderCitar
Respondido : 18/10/2013 1:07 am

Julian
 Julian
Reputable Member

OK! Muchas gracias por tu respuesta! Saludos!!!

ResponderCitar
Respondido : 18/10/2013 6:02 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Julian

Como punto final, siempre realiza la modificación en los archivos less, tienes que tener habilitado el modo de desarrollo, no es necesario estar compilando ya que en modo de desarrollo se usan los archivos less.

Luego cuando tu sitio web se encuentre finalizado, deshabilita el modo de desarrollo y compila Less a CSS, esto te permitirá trabajar directamente con los archivos CSS y acelerará la carga de tu sitio web, si requieres alguna modificación CSS deberás nuevamente modificar los archivos Less y habilitar el modo de desarrollo.

Saludos.

ResponderCitar
Respondido : 18/10/2013 6:55 pm

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

Julian
 Julian
Reputable Member

Gracias Nuevamente!!!

ResponderCitar
Respondido : 18/10/2013 8:21 pm