WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Gallery Styling (9 posts)

  1. shaneholden
    Member
    Posted 6 years ago #

    What needs to be added to a theme's CSS to style the gallery images separately than the other images on the site? Or is this completely dependent on what a theme may already have?

    I'd like to have them show up like the ones on this page http://www.webdesignerwall.com/trends/2008-design-trends/, when hovered on and not.

    Thanks

  2. drewactual
    Member
    Posted 6 years ago #

    you can control them separately.. got a link? need example...

  3. shaneholden
    Member
    Posted 6 years ago #

    I dig the way http://www.webdesignerwall.com/trends/2008-design-trends/ has their images and would like to have mine set up similiar w/ the mouseover border color change.

    Thanks!

  4. drewactual
    Member
    Posted 6 years ago #

    this is how they did it:

    .gallery img, .gallery a img {
    border: solid 1px #D9D9D9;
    background: #ffffff;
    padding: 4px;
    }
    .gallery a:hover img {
    border-color: #666666;
    background: #fff;
    }

    I need a link to your site to see how you need to do it...

  5. shaneholden
    Member
    Posted 6 years ago #

    Thanks Drew!

    Here's a link to a gallery. http://www.shane-holden.com/mccaysville-house-build

    I plugged in the code you just gave and works on the gallery page. Looks like I need to remove something to keep the dashed underline from happening as well. Do I just need to add in class="gallery" in the image.php page to have the effects carry over into the album type view?

    Thank you again!

  6. drewactual
    Member
    Posted 6 years ago #

    my thoughts are that those underlines are a product of the javascript that controls your gallery... I don't know how to lose them without seeing the javascript itself.

  7. shaneholden
    Member
    Posted 6 years ago #

    This is the default gallery from wp 2.5.1. The dotted underlines seem to be coming from

    a:hover {
    border-bottom : 0px dotted rgb(102, 102, 102);
    color : rgb(0, 0, 0);
    text-decoration : none;
    }

    But removing that also removes the underline from my text links as well.

  8. drewactual
    Member
    Posted 6 years ago #

    on the main page yeah, but when you click on an image and it takes you there, they are back... and I don't know how to kill them there.

  9. shaneholden
    Member
    Posted 6 years ago #

    Alrighty, I'll figure the rest of it out. Many thanks for your help!

Topic Closed

This topic has been closed to new replies.

About this Topic