Modificar tamaño de...
Avisos
Vaciar todo

Modificar tamaño de módulo y espacio del logo de portada para plantilla onepage en joomla 3  

Página 1 / 2
 
Angélica
 Angélica
Honorable Member

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

Citar
Respondido : 29/01/2014 2:15 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 29/01/2014 4:23 pm

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

Angélica
 Angélica
Honorable Member

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

ResponderCitar
Respondido : 30/01/2014 9:00 am
Jordi Sala
 Jordi Sala
Miembro Admin

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

ResponderCitar
Respondido : 30/01/2014 9:12 am

Angélica
 Angélica
Honorable Member

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.

ResponderCitar
Respondido : 30/01/2014 9:24 am
Jordi Sala
 Jordi Sala
Miembro Admin

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

ResponderCitar
Respondido : 30/01/2014 10:55 am

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

Angélica
 Angélica
Honorable Member

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?

ResponderCitar
Respondido : 30/01/2014 1:25 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 30/01/2014 4:44 pm

Cursos Gratuitos WordPress

Angélica
 Angélica
Honorable Member

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.

ResponderCitar
Respondido : 31/01/2014 10:43 am
Jordi Sala
 Jordi Sala
Miembro Admin

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

ResponderCitar
Respondido : 31/01/2014 11:00 am

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

Angélica
 Angélica
Honorable Member

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

ResponderCitar
Respondido : 31/01/2014 11:10 am
Jordi Sala
 Jordi Sala
Miembro Admin

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

ResponderCitar
Respondido : 31/01/2014 11:27 am

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

Angélica
 Angélica
Honorable Member

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!

ResponderCitar
Respondido : 31/01/2014 11:59 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

Nuestros Trabajos

Arrow down

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.

ResponderCitar
Respondido : 31/01/2014 1:50 pm

Angélica
 Angélica
Honorable Member

PROBLEMA!! He hecho los pasos que has indicado pero no me reconoce las dos imágenes. sale la misma para los dos módulos

ResponderCitar
Respondido : 03/02/2014 12:50 pm
Página 1 / 2