We help IT Professionals succeed at work.

Drupal Colorbox - move the text

nanharbison
nanharbison asked
on
625 Views
Last Modified: 2014-01-20
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?
Comment
Watch Question

Top Expert 2013

Commented:
The z-index on the opaque overlay that dims the page is set at 9999 (excessively high).  If you give the text a higher z-index than the opaque overlay, then you should be able to display the text outside of the colorbox.

Cd&

Author

Commented:
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;
}

Open in new window

Also, I am not sure how to make sure this effect happens only on this page. There are several other colorboxes.
Top Expert 2013
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION

Author

Commented:
I gave up  on this, I couldn't get it to work.
Unlock the solution to this question.
Join our community and discover your potential

Experts Exchange is the only place where you can interact directly with leading experts in the technology field. Become a member today and access the collective knowledge of thousands of technology experts.

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.