nanharbison
asked on
Drupal Colorbox - move the text
In this colorbox "slideshow", when you click on the image and get the colorbox, the text description is overlaying part of the image, which on a few of the images hides the important part of the image.
http://spirituality.server302.com/pre-post-images
If I try to just move the text, it doesn't show at all because it goes outside the pop up window. Is there some way for me to show the text to the right of the image in a separate pop-up window that changes with the image, or maybe at the bottom of the pop up window? Hopefully there is a way to do this with just CSS, or does it need some javascript?
http://spirituality.server302.com/pre-post-images
If I try to just move the text, it doesn't show at all because it goes outside the pop up window. Is there some way for me to show the text to the right of the image in a separate pop-up window that changes with the image, or maybe at the bottom of the pop up window? Hopefully there is a way to do this with just CSS, or does it need some javascript?
ASKER
I changed the z index of the colorbox to 700, enough to make it be the top and then I set the title to be 800, and I set overflow to be visible. This isn't exactly working though.
#colorbox, #cboxOverlay, #cboxWrapper{
position:absolute;
top:0;
left:0;
z-index:700;
overflow:visible;
}
div#cboxTitle {
position:absolute;
overflow:visible;
top:0px;
left:0px;
z-index:800;
margin-left:300px;
background-color:#FFF;
color:#333;
width:300px;
height:150px;
}
Also, I am not sure how to make sure this effect happens only on this page. There are several other colorboxes.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
I gave up on this, I couldn't get it to work.
Cd&