URL: http://www.nadineshawphotography.com/?page_id=10
When you click on an image, the lighbox comes up, but on the right hand side, when the mouse is moved over, the mouse over effects from the page beneath it come through. is there any way to have this fixed? thanks so much for any help. even if nothing can be done, can i edit the size and placement of the lightbox?
Hi,
There's a relatively easy solution for your dilemma.
Open your wp_eStore_custom_style.css file and place the following code in this file:
#lightbox-container-image-box {
left: -280px;
}
#lightbox-container-image-data-box {
position: relative;
left: -280px;
}
The above tweak will move the light box slightly to the left out of the way of your other effects on the right hand side.
you sir, are the tits :)
is there also a way to edit the size of the lightbox using this file?
Hi,
Yeah sure you could adjust size of popup box and image. It's just a little fiddly because you have to account for the container and the image within it but definitely achievable.
For instance below is an example piece of code which adjusts the proportions by around half:
#lightbox-container-image-box {
left: -280px;
height: 320px !important;
width: 420px !important;
}
#lightbox-container-image-data-box {
position: relative;
left: -280px;
width: 400px !important;
}
#lightbox-image {
width: 400px !important;
height: 300px !important;
}
You can play around with different dimensions if you wish or how far left you want to move the popup etc
If you wanted to use the above suggestion simply replace all of the contents of the wp_eStore_custom_style.css with the code given.
You must log in to post.
