Układ miniatur

Korzystam z Jomsocial 4.1.6 i mam problem z układem miniatur w stream po dodaniu zdjęć do galerii. Najpierw wyglądało to tak:

thumbnail_stream.jpg

Pytałem na forum Jomsocial i dostałem odpowiedź, żeby w everride.css dopisać:

Code: Select all

@media only screen and (min-width: 992px) {
.joms-media.like, .joms-media--image, .joms-media--images, .joms-media--event {
  max-width: 100%;
}
 
.joms-sidebar {
  width: 37.197%;
}
 
.joms-main {
  width: 62.803%;
}
}

co dało taki efekt:

thumbnail_stream_2.jpg

Ponieważ nie o to chodzi zapytałem powtórnie, ale

at your template, there is a setting to make right side and main content side width.
please make main content more wider and right side more smaller.

if you dont know how to do it. please contact your template provider for more support

Właśnie "dont know how"
strona: http://stolarzowice.info
Pozdrawiam, Joachim

Hi

In template settings, "Layout" section You can find a place to change "sidebar" width.

Witam,
Próbowałem na różne sposoby z szerokością right sidebar, ale niestety nic się nie zmienia
Być może jest to kwestia rozmiaru tych miniatur, ale to nie na moje mozliwości. Próbowałem coś kombinować Firebug'iem, ale nic mi z tego nie wychodzi

Hi

Prosze wiec nadpisac szerokosci bezposrednio w override.css:

Code: Select all

#gkPageContent > div {
    width: 76% !important;
}

#gkSidebarRight {
    width: 24% !important;
}


Rozwiązanie problemu nie leżało w szer. sidebar. Po zmianie wygląda to tak:

Code: Select all

@media only screen and (min-width: 992px) {
.joms-media.like, .joms-media--image, .joms-media--images, .joms-media--event {
  max-width: 100%;
}
 
.joms-sidebar {
  width: 37.197%;
}
 
.joms-main {
  width: 62.803%;
}
.joms-media--images.joms-js--initialized img {
    height: 159.3px !important;
  }
.joms-media--images.joms-js--initialized a:last-of-type img {
    height: 318.6px !important;
  }
.joms-media--images.joms-js--initialized a {
    max-height: 260px !important;
  }
}

I efekt wizualny:

thumbnail_stream_3.jpg