- This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hello all,
I am trying to add a break (or new line) under my image in lightbox.
the image can be found here: huf2much.com click the first thumbnail titled AWAKE IN WONDERLAND.
What I want to do is put all of the details about the image underneath the title so it looks like this:
AWAKE IN WONDERLAND
Acrylic on Canvas Aprox 65 x 90 / In the Private Collection of The National WWII Museum in New Orleans, LA
Is there any way to do this?
The lightbox code looks like this:
#imageData #imageDetails{ width: 70%; float: left; text-align: left; color:#cccccc;}
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em;}
Any help would be great!
Thanks Much!
I managed to add the breaks by adding this to the title:
AWAKE IN WONDERLAND
Acrylic on Canvas
Aprox 65 x 90
In the Private Collection of The National WWII Museum in New Orleans, LA
I don’t know if this was a bad idea, or what was suggested, but it worked. I’m kind of faking this whole web design CSS thing.
Now my problem is that when you hover over the thumbnail the exact text above shows. Does anyone know how to remove the thumbnails alternate text? I really don’t need that.
actually this is what i added to title
AWAKE IN WONDERLAND Acrylic on Canvas
Aprox 65 x 90
In the Private Collection of The National WWII Museum in New Orleans, LA
I told you I have no idea what I’m doing.
THANKS EVERYONE!
your help was greatly appriciated.
I ended up placing the html code into the title and then blocking that anoying popup box over the thumbnail.
You all rock!