WordPress.org

Ready to get started?Download WordPress

Forums

NextGen Gallery: Help with the the captions (10 posts)

  1. hazelbug
    Member
    Posted 2 years ago #

    On this website, we are using NextGen for the images on of the company team.

    The isuse we are having with the longer bios is having the black background extending down behind the copy consistently. It just stops and the copy is white so it looks like it gets cut off.

    I put a height: 150% !important; on the div#shShutter CSS which seemed to have psuedo-fixed the problem, but on the longer pages it doesn't work.

    You can see the trouble here by clicking on any of the peoples images lower down on the page.
    http://www.moii.com/moi-team/operations/

    Anyone know how I can make it so that the black just extends all the way down where ever the bios show up, etc.

    Or have a better plug in for this particular thing we are trying to achieve?

  2. Pioneer Valley Web Design
    Member
    Posted 2 years ago #

    Modify in file shutter-reloaded.css

    div#shDisplay

    and change

    background-color

    to other than

    transparent

    I used black and the text was quite readable

    Then work on the height of the div such as including a height of say 75% and adjust the top offset etc..

  3. hazelbug
    Member
    Posted 2 years ago #

    Thanks Swanson, I started to play with it but I don't know that they really want a black box sitting in the middle of the page. They wanted it floating on top of the 80% black opacity.

    Is there no way to make that 80% black opacity fill up the entire web page instead of cutting off?

  4. Pioneer Valley Web Design
    Member
    Posted 2 years ago #

    Look at the code being input for the caption

    an example when viewing the html source code being generated:

    <a title="<div align="center">Katy Bertoldi - Associate</div>
    <div align="center">Finance & Administration</div>

    Remove the divs and it's associated code.

  5. hazelbug
    Member
    Posted 2 years ago #

    Sorry, I'm not following you. Is this code is effecting the background of the page when it greys out?

    Just to make sure we are discussing the same thing, I put a screen shot here to show what I am concerned with. I want the background grey to extend the entire window. It just stops for some reason.

    Thank you!

  6. Pioneer Valley Web Design
    Member
    Posted 2 years ago #

    I believe this may be causing issues...a div does not belong nested inside the title attribute ...

  7. hazelbug
    Member
    Posted 2 years ago #

    Thanks! I'll go through and remove them. Is it okay to have
    tags in there?

  8. hazelbug
    Member
    Posted 2 years ago #

    sorry <br> tags

  9. hazelbug
    Member
    Posted 2 years ago #

    I've gone through and deleted all the <div> tags. I upgraded the NextGen plug in, turned off all plugins and it still is doing the same thing...

    Something is interfering with it, but I am not sure where or what to even look for.

  10. hazelbug
    Member
    Posted 2 years ago #

    It also makes me think something is interfering because of the white square/drop shadows. Is that part of nextgen? I don't remember seeing those before. It's not on my website.

Topic Closed

This topic has been closed to new replies.

About this Topic