Avisos
Vaciar todo

Estilos css one page

9 Respuestas
3 Usuarios
0 Reactions
1,293 Visitas
Julian
Respuestas: 251
Reputable Member
Topic starter
 

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


 
Respondido : 16/10/2013 6:57 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


     
Respondido : 16/10/2013 7:40 pm
Julian
Respuestas: 251
Reputable Member
Topic starter
 

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!!!


 
Respondido : 17/10/2013 9:58 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 17/10/2013 10:09 pm
Julian
Respuestas: 251
Reputable Member
Topic starter
 

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!!!


 
Respondido : 17/10/2013 10:20 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola Julian,

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

Saludos.


 
Respondido : 18/10/2013 12:07 am
Julian
Respuestas: 251
Reputable Member
Topic starter
 

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


 
Respondido : 18/10/2013 5:02 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 18/10/2013 5:55 pm
Julian
Respuestas: 251
Reputable Member
Topic starter
 

Gracias Nuevamente!!!


 
Respondido : 18/10/2013 7:21 pm