Lightbox - konflikt CSS?

Zdravím, mám problém s webom.

http://cvcsnina.sk/ - v ľavom sidebare je pod obrázkom Facebook nadpis TEST, kde problém vidno. Lightbox sa neotvára v správnej veľkosti, obrázky to zmenšuje.

V ľavom widgete mám kód:

Kód: Vybrať všetko

<script src="http://cvcsnina.sk/js/jquery-1.10.2.min.js"></script>
<script src="http://cvcsnina.sk/js/lightbox-2.6.min.js"></script>
<link href="http://cvcsnina.sk/css/lightbox.css" rel="stylesheet" />
<a href="img/demopage/image-1.jpg" data-lightbox="image-1" title="My caption">TEST</a>

Lightbox som sťahoval z tejto stránky, mimo Wordpressu to ide v pohode - http://cvcsnina.sk/test/, takže moja teória je, že problém je v CSS Wordpressu, niekde to obmedzuje rozmery obrázka (?)

CSS témy:
http://www.cvcsnina.sk/wp-content/theme ... /style.css

awtt · Príspevok od používateľa **awtt** » 13 feb 2014, 11:48

Mimo wordpressu ti to ide lebo tam nemas tento styl:

Kód: Vybrať všetko

img{
  max-width: 100%
}

Ak to odoberies, uz ti to pojde, ja by som to tam ale rozhodne nechal, aby sisi nerozhodil responzivne spravanie obrazkov.
Mas tam natvrdo vysku a sirku toho lightboxu na dost nizke hodnoty:

Kód: Vybrať všetko

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

Skus tu sirku a vysku zvacsit aspon na 500 a malo by ti to ist, respektive ak to tam mas z nejakoho dovodu pridaj do css nieco take:

Kód: Vybrať všetko

.lb-outerContainer img{
  max-width: none;
}

Tých 250px som zamenil za 100% a ide to, thx

Lightbox - konflikt CSS?

Lightbox - konflikt CSS?

Re: Lightbox - konflikt CSS?

Re: Lightbox - konflikt CSS?