Avisos
Vaciar todo

Modulo facebook y Noticias ZOO  

 
WebMaster
 WebMaster
Reputable Member

Hola, tenemos un pequeño problemilla que no sabemos como solucionar haber si nos pueden ayudar, hemos puesto el modulo KA Facebook Like Box en nuestro website en la posición sidebar-b de nuestra plantilla master de Yootheme al lado de las noticias gestionadas con ZOO categoria como blog pero se nos solapa el modulo de Facebook con las noticias (Adjuntamos una captura de pantalla)

hemos probado de poner un z-index en el css del modulo pero sin exito.
Nos pueden ayudar? Tienen alguna opción que nos pueda ayudar?

Gracias de antemano
Saludos

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 03/12/2015 11:07 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

El problema está en que este módulo de Facebook ocupa un ancho mayor que el disponible en la columna izquierda de tu web.

Es común que los módulos de Facebook no se adapten al espacio disponible para el módulo, ya que la carga de contenido se hace desde el propio Facebook. Tendrías que revisar en la configuración del módulo si tienes algún parámetro que te permita definir el ancho. De ser así, prueba a poner un ancho de 228 píxels. Es posible que aunque cambies esto los cambios no se hagan efectivos debido a que el módulo no se adapte a ese ancho.

Actualmente la distribución de espacio en tu web es de 1/5 parte para la columna izquierda y 4/5 partes para el área de contenido (donde se carga el blog). Podrías revisar en la configuración de la plantilla Yoo Master 2 que estás utilizando si hay algún parámetro que te permita cambiar esa distribución, por ejemplo, de 2/5 partes para la columna lateral y 3/5 partes para el área de contenidos, aunque esto reducirá el espacio disponible para los contenidos, lo que es posible que no quieras hacer.

Otra opción sería buscar algún módulo para cargar esa caja de Facebook y que se responsive, es decir, que realmente se adapte al espacio disponible. Algunas opciones serían:

http://extensions.joomla.org/extension/responsive-facebook-page-stream
http://extensions.joomla.org/extension/keenit-responsive-facebook-like-box
http://extensions.joomla.org/extension/simpl-facebook

La última opción sería que cambiaras esa caja de Facebook a otra posición, por ejemplo, debajo del blog, para que este pase a mostrarse a ancho completo y la caja de Facebook debajo de los artículos.

ResponderCitar
Respondido : 03/12/2015 2:54 pm

WebMaster
 WebMaster
Reputable Member

Hola Pablo,
muchas gracias por toda la info, probaré lo que comentas haber si puedo solucionar alguna cosa y os comento 😉
Gracias de nuevo y buen trabajo

Saludos

ResponderCitar
Respondido : 04/12/2015 4:39 pm
WebMaster
 WebMaster
Reputable Member

Hola de nuevo,
Pablo no pude modificar tal y como mencionas el espacio de las 1/5 partes y las 4/5 partes. Si modifique el ancho del plugin de facebook y algo de css, abajo pegamos el código.

.uk-push-1-5
{
left: 280px;
}

Pero no se acaba de visualizar correctamente, adjuntamos una imagen.

La idea es alinear la imagen de la derecha con el slider y el texto corta letras.
Les agradeceriamos si nos pudieran ayudar modificando algo del código css para poder visualizar correctamente lo que les comentamos.

Muchas gracias de antemano
Saludos

ResponderCitar
Respondido : 18/12/2015 8:59 am

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

Julen
 Julen
Miembro Admin

Hola,

No ofrecemos soporte de css o programación. No obstante, revisa el siguiente articulo de nuestro blog, donde podrás ver como realizar dichas modificaciones:
www.webempresa.com/blog/item/1837-como-modificar-estilos-css-en-plantillas-joomla-wordpress-o-prestashop.html

En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

- www.webempresa.com/blog/item/282-usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Firebug Lite for Google Chrome:
- chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- addons.mozilla.org/es-es/firefox/addon/firebug/

Saludos

ResponderCitar
Respondido : 18/12/2015 9:14 am
WebMaster
 WebMaster
Reputable Member

Hola Julen,
se que no ofreceis soporte de programación, solamente pido alguna cosa que se nos pasa por alto que no creemos que sean más de 4 o 5 líneas de código.
Agradecemos de nuevo vuestra ayuda.

Saludos

ResponderCitar
Respondido : 18/12/2015 9:19 am

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

Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

El código CSS que has incluido no es válido, ya que lo que hace es desplazar la zona de contenidos a la derecha, con lo que se descuadra con la parte superior.

Ten en cuenta que este tipo de cambios puede afectar al correcto funcionamiento responsive de la plantilla, de forma que puede que deje de verse la web correctamente en dispositivos móviles.

El problema aquí es que estás tratando de cargar un elemento en una zona más estrecha que el elemento, por lo que se sale del espacio asignado.

¿Has probado algún otro módulo para Facebook de los que te había indicado para ver si estos sí se adaptan al espacio de la columna?

ResponderCitar
Respondido : 18/12/2015 2:25 pm
WebMaster
 WebMaster
Reputable Member

Hola Pablo,
gracias por toda la info, si creo que si prove algun modulo de los que me comentaste pero creo que eran de pago(si no todos la mayoria).
Puede que lo solucionara modificando algo de css y parece que no afecto al responsive.
Os comento con más certeza ya que hasta que el cliente no tenga su página de facebook hecha no tiraremos para adelante.

Disculpad las molestias y muchas gracias de nuevo por vuestra ayuda
Saludos

ResponderCitar
Respondido : 21/12/2015 9:23 am

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

Rafael
 Rafael
Miembro Moderator

Buenos días,

Actualmente visitando la página veo que no aparece el módulo de Facebook.

Entiendo que lo has dejado deshabilitado hasta que el proyecto vez avance

¿Podemos dejar en espera el hilo o cerramos el tema?

En caso contrario, es importante que lo dejes activo para que podamos revisarlo.

Saludos

ResponderCitar
Respondido : 21/12/2015 10:03 am
WebMaster
 WebMaster
Reputable Member

Hola Rafael,
muchas gracias por vuestro interés. Como os vaya mejor, si lo dejais en espera pues mejor si no (si os afecta a nivel interno) cerradlo ya que no podemos dejarlo activo puesto este website esta publicado y se reciben visitas diariamente y claro la pagina de facebook configurada en el módulo no es la del cliente sino la nuestra (para poder ver el efecto en las pruebas realizadas). Cuando el cliente nos facilite su página definitiva de facebook lo volveremos a activar y realizaremos de nuevo las pruebas.

Disculpad las molestias, muchas gracias de nuevo por vuestro interes y ayuda
Saludos

ResponderCitar
Respondido : 21/12/2015 10:13 am

Cursos Gratuitos WordPress