Hall of Fame

[mihai]

Where do i fiind this line:

Code Select Expand

<div id="lightbox" class="lightbox" style="display: block; top: 74.7px; left: 0px;"><div class="lb-outerContainer" style="overflow: hidden; width: 1126px; height: 637px;"><div class="lb-container"><img class="lb-image" src="http://gamevide.com/stream.php?type=1&amp;file=WXpNMU56azNaR0U1T0dWa1l6WXhOelZpWXpWak9XUTFaRFEwTjJZNFpEWXRNUzVxY0dkQVFHMWxaR2xo" style="display: block; width: 1118px; height: 629px;"><div class="lb-nav" style="display: block;"><a class="lb-prev" href="" style="display: none;"></a><a class="lb-next" href="" style="display: none;"></a></div><div class="lb-loader" style="display: none;"><a class="lb-cancel"></a></div></div></div><div class="lb-dataContainer" style="display: block; width: 1126px;"><div class="lb-data"><div class="lb-details"><span class="lb-caption" style="display: inline;">asdasdasd</span><span class="lb-number" style="display: none;"></span></div><div class="lb-closeContainer"><a class="lb-close"></a></div></div></div></div>

///////////////////I WHANT TO EDIT THE LIGHTBOX(that top 74.7px)

[Marius P.]

Hi,
I'm sure is being built from the lightbox's jquery file.

tpl/{your theme}/js/jquery.lightbox-2.6.min.js

[mihai]

Nothing in lightbox script:(

[mihai]

I founded this :

Code Select Expand

<div id='lightboxOverlay' class='lightboxOverlay'></div><div id='lightbox' class='lightbox'><div class='lb-outerContainer'><div class='lb-container'><img class='lb-image' src='' /><div class='lb-nav'><a class='lb-prev' href='' ></a><a class='lb-next' href='' ></a></div><div class='lb-loader'><a class='lb-cancel'></a></div></div></div><div class='lb-dataContainer'><div class='lb-data'><div class='lb-details'><span class='lb-caption'></span><span class='lb-number'></span></div><div class='lb-closeContainer'><a class='lb-close'></a></div></div></div></div>").appendTo(b('body'))

and this

Code Select Expand

this.containerTopPadding=parseInt(this.$container.css('padding-top'),10)]

[Marius P.]

I assume as any lightbox it calculates automatically the sizing and margins, so you won't find an fix value.

[mihai]

Ok,but is there a way that i can move the image?

[Marius P.]

where you wanna move it?

[mihai]

more on the top

[mihai]

2-3 cm on the top

[Marius P.]

https://www.google.ro/search?sourceid=chrome-psyapi2&ion=1&espv=2&ie=UTF-8&q=lightbox%202%20top%20margin

[mihai]

For thouse of you who want to change the image position it's just simple

Code Select Expand

margin-bla:blabla;

in lightbox.css(line 20)

[Marius P.]

I'm not sure how it reacts on devices, tried it?

[mihai]

Yes:)It's good but use x% not xpx(margin-top:-6%)