Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Adding a break in my Lightbox image details

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #36859
    huf2much
    Member

    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!

    #97592
    huf2much
    Member

    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.

    #97593
    huf2much
    Member

    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.

    #97614
    huf2much
    Member

    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!

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.