Joomla módulos no quedan bien alineados se desplazan abajo problema Bootstrap

[dalamave]

Hola Amigos de Aprender a Programar,

Tengo una inquietud y quería saber si alguien puede ayudarme.

Modifique la posición 3 de mi sitio en joomla 3 para que admita la opción tamaño bootstrap.

Cree 12 modulos slide en las que aparecen mis auspiciantes. La medida de bootstrap es 2, lo que implica que entran seis módulos por linea.

Hasta ahi parece que supiera lo que hago.

El problema es que cuando se carga la segunda linea, es decir los slides del 7 al 12, aparece un pequeño desfasaje en la alineación vertical que provoca que el slide 12 caiga a una tercer línea, cosa que no debería susceder. Y no le estoy encontrando la vuelta, es más no tengo idea de por que sucede, puesto que  los módulos están en bloques y deberían acomodarse correctamente.

Si alguien tiene la respuesta se los voy a agradecer muchísimo.

El sitio para que vean el defecto es www.elportaldemerlo.com.ar

Desde ya muchas gracias y quedo a la órden para lo que pueda ser de utilidad

Saludos

Daniel

[Alex Rodríguez]

Hola dalamave parece un detalle de ajustes del css aunque puede ser más complejo.

En template.css modifica esto:

Código: [Seleccionar]

.row-fluid .span2 {
    width: 14.8936%;
}

Y ponlo así a ver si se ajusta a lo que deseas:

Código: [Seleccionar]

row-fluid .span2 {
    width: 13.894%;
}
Saludos

[dalamave]

Hola Alex,

Agradezco mucho tu respuesta. Varié los parámetros y no hay cambios. Incluso puse numero grandes como 18 y no vario.

Si tenés alguna otra idea se agradece.

No obstante con el dato que me diste ya tengo la punta del obillo. se por donde empeza a mirar, asi que si lo resuelvo te aviso.

Saludos y muchas gracias nuevamente.

Daniel

[Alex Rodríguez]

Hola, me extraña un tanto que comentes que "no hay cambios". Tienes que tener cuidado con el cacheado del css: en el sistema puede haber cacheado a distintos niveles, desde caché del propio joomla hasta caché del navegador (o a otros niveles, caché de la plantilla o caché del servidor).

Una vez realices un cambio este debería hacerse apreciable descacheando el navegador (normalmente pulsando CTRL+F5 suele ser suficiente, aunque a veces hay que hacer un borrado completo y reinicio del navegador). Si el cambio no se hace apreciable puede ser debido a caché joomla o a otro nivel.

Saludos.

[dalamave]

Muchas gracias Alex.

Voy a seguir investigando y después te cuento.

Quedo a disposicon si puedo ser de utilidad.

Saludos y nuevamente, gracias por tu tiempo.

Daniel

[dalamave]

Hola nuevamente,

Te cuento. Se como corregir el problema. Entre comillas. Porque con el inspeccionador de objetos modifico un margen y se acomoda. Es el margen de un div "moduletable span2".

El problema es que no se como encontrar donde está el código que define ese div. para modificarlo realmente.

No puedo modificar css porque tengo que modificar ese div solo.

Te cuento cual es la causa real:

Existe una separación entre los div que contienen los diferents slides. Los seis primeros calsan perfecto en el contenedor, entonces el septimo se alinea abajo corrido justo el espacio de separación. Al colocarle a ese septimo un margen izquierdo de cero el problema se soluciona.

El tema es que no se donde está definido ese div para corregir el margen.

Si podes ayudarme con eso te lo voy a agradecer.

Para ver el sitio es www.elportaldemerlo.com.ar

Gracias nuevamente.

Un saludo

Daniel

[César Krall]

Hola el código seguramente se genera a través de un bucle, con lo que te va a resultar difícil aplicarle una regla únicamente al último elemento.

Yo veo que se acomoda tanto aplicando

Código: [Seleccionar]

.row-fluid [class*="span"] {
  box-sizing: border-box;
  display: block;
  float: left;
  margin-left: 1.7%;
  min-height: 28px;
  width: 100%;
}

Como aplicando

Código: [Seleccionar]

.row-fluid .span2 {
  width: 14.5%;
}
Podrías intentar aplicarle una regla a un elemento concreto usando un selector según http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=718:selectores-avanzados-y-pseudoclases-css-first-child-nth-child-last-not-letter-line-after-before-cu01015d&catid=75:tutorial-basico-programador-web-css-desde-cero&Itemid=203 pero creo que esto resulta más complicado y menos aconsejable.

Saludos