Hola,
Antes de hacer esta consulta ya he revisado los vídeos de esta plantilla ( http://videosjoomla.com/videos-joomla/itemlist/category/77-onepage) pero en el que indica como modificar imágenes recomienda no cambiar tamaño y en el que enseñan a cambiar el logo no indican cómo dar más espacio para poner uno más grande.
Mi duda es la siguiente:
1. Me gustaría poner el logo de portada más grande por lo que necesitaría dar más espacio para poner una imagen mayor, sino la corta.
2. Modificar el tamaño del módulo. He duplicado el módulo de mensaje inicio, pues me gusta su formato para otro tema, pero me gustaría reducir la anchura de la imagen y darle otro aspecto, en cuanto a texto y color.
Quedo pendiente de contestación, un saludo.
URL del sitio: Contenido solo visible a usuarios registrados
Hola,
Para que se vea completamente tu logo edita el archivo templates/ja_onepage/css/custom.css. Aquí cambio la línea:
height: 53px !important;
por esta otra:
height: 60px !important;
Sobre el otro módulo, no veo que en tu web esté cargando ninguna imagen. Tendrías que explicarnos de forma más detallada qué es exactamente lo que quieres conseguir y a qué módulo te refieres exactamente.
Te explico lo del módulo:
Dupliqué el módulo "mensaje inicio" y lo renombré "Fontilles_definición". Elegí este porque quería un formato similar, con el botón de enlace integrado en la foto. Lo que sucede es que se carga la foto del módulo "mensaje inicio". La foto sí que se cambiarla, pero en esta ocasión me gustaría hacerla más estrecha que es lo que no sé cómo hacer, no sé si hay que ir a otra plantilla .css para modificar. Si me puedes indicar cómo modificar también el formato de texto... porque el editor existente no me da muchas opciones (no sé si podría instalar otro mejor).
Ya me dices, un saludo
Hola Angelica,
Si te refieres a las fotos de los módulos http://fontille-cp54.webjoomla.es/index.php?option=com_content&view=featured&Itemid=101 haz tu donativo y descubre fontiles. Puedes probar a cambiar de posición, ya que esa posición se adapta la 100% del espacio del navegador, en cambio otras posiciones tienen un ancho fijo.
Saludos
Lo siento pero no sé a qué te refieres con cambiar de posición: módulo?
Y otra cosa, dije anchura, quería decir altura... si se trata de esa foto pero en otro módulo creado:
http://fontille-cp54.webjoomla.es/index.php?option=com_content&view=featured&Itemid=101
También comentar que he modificado el tamaño del logo en la plantilla .css indicada pero al visualizar no veo ese cambio ni el logo correcto que he subido (aunque refresque).
Finalmente... he utilizado varias veces el Firebug para ver dónde están las imágenes pero aparecen las carpetas: t3-assets... por lo que imagino que no es donde debo mirar, me puedes indicar cómo saber en qué carpeta están.
Hola Angélica
Veo que la imagen que utilizas es header_bg.jpg 1165x580 px, ¿has probado a utilizar una imagen de una altura mayor?.
Respecto al cambio de logo revisa http://www.videosjoomla.com/videos-joomla/item/828-pack-empresa-onepage-cambio-logo
Saludos
Estoy intentando cambiar la foto del módulo "Fontilles definiciaón" que es un duplicado de "Mensaje inicio". He visualizado el vídeo pero tengo una duda. Cuando habla de modificar la ruta recomienda consultar el Firebug y da la dirección "Carpeta css/theme/template.css" pero si yo hago caso al Firebug la ruta que me da es: http://fontille-cp54.webjoomla.es/t3-assets/dev/modern/templates.ja_onepage.less.themes.modern.template.less.css
¿a cuál tengo que hacer caso?
Hola Angelica
Las versiones actuales de algunas plantillas usan less, para trabajar los estilos, estos son compilados a CSS, pero claro, si tienes que modificar deberías hacerlos en el origen es decir en el archivo .less
Actualmente no veo lo que comentas en tu página, sería mejor que nos envies la url exacta y alguna capturad e patnalla para ver lo que queires modificar.
Contenido solo visible a usuarios registrados
Saludos.
Adjunto la ruta exacta...
http://fontille-cp54.webjoomla.es/index.php?option=com_content&view=featured&Itemid=101
Ahí verás que hay un módulo duplicado:
Está "Mensaje inicio" y "Fontilles definición" (con la misma foto) . Dupliqué el primero porque me gustaba ese módulo para otra entrada pero quiero poner una foto que mantenga la anchura pero menos alta. El problema surge cuando voy a modificar la image. Siguiendo los tutoriales de onepage me dice que tengo que ir a ruta .css/theme/template.css para cambiar la ruta y poner el nombre actual de la foto. Pero cuando utilizao el firebug me da otra ruta: fontille-cp54.webjoomla.es/t3-assets/dev/modern/templates.ja_onepage.less.themes.modern.template.less.css y mi duda es dónde tengo que ir. qué template tengo que modificar.
Hola Angelica,
El archivo es templates/ja_onepage/css/themes/modern/template.css :
.hero-unit { background: url(../../../images/themes/modern/header_bg.jpg) no-repeat left top; background-size: cover; }
Saludos
ok, pero para otras modificaciones que quiero hacer como por ejemplo en el módulo: "shopping list" cómo puedo averiguar con el Firebug a qué template tengo que ir para hacerlas. ¿Siempre es el mismo? porque a mí siempre me indica las plantilla .less.
Por favor, necesito saberlo para avanzar. Gracias!!
Hola Angelica,
Puede que tengas el modo desarrollo activado en la plantilla. Accede al gestor de plantillas, edita la plantilla Onepage, y cambia en la pestaña General el valor Development Mode de si a no. Luego procede desde la administración de Joomla! a limpiar la cache normal y la expirada.
Saludos
hola, he hecho el cambio del nombre de imagen en la ruta que me enviabas. el PROBLEMA!! me ha cambiado la foto en los dos módulos ("Mensaje inicial" y "Fontilles definición"). Pensaba que duplicando un módulo podría mantener las características técnicas y modificar el contenido incluyendo la foto, pero no ha pasado eso, se puede hacer? si es así, dame las indicaciones. Gracias!
Hola,
Tienes que tener que la foto que se carga de fondo en estos módulos no está definida en el propio módulo, sino que se carga mediante estilos CSS. Realmente el módulo no está pensado para ser duplicado, sino que la idea es utilizarlo una sola vez en la cabecera.
En concreto, el código del módulo tiene una estructura como la siguiente:
La Solución que estaba buscando
Aquí podremos poner un mensaje principal y una pequeña descripción de nuestro negocio en una frase.
Esa clase hero-unit es precisamente la que ocupa de cargar la imagen de fondo por medio de estilos CSS.
Una cosa que podría hacer sería cambiar para uno de los módulos la primera línea:
para que pase a ser:
Después tendrías que preparar la imagen de fondo que quieres mostrar en ese segundo módulo. Supongamos que la llamas imagen2.jpg. La imagen tendrías que subirla en la ruta templates/ja_onepage/images.
A continuación tendrías que editar el archivo templates/ja_onepage/css/themes/modern/template.css y, previa copia de seguridad del mismo, agregar al final del todo el siguiente código:
.imagen2 { background: url(../../../images/imagen2.jpg) no-repeat left top !important; }Así, podrás tener 2 imagen diferentes.
Respondido : 31/01/2014 1:50 pm
PROBLEMA!! He hecho los pasos que has indicado pero no me reconoce las dos imágenes. sale la misma para los dos módulos