Horizontal page images

  • My site is at jacquelynlandry.net. I am currently using the image caption easy plugin, and now I want one of my pages to show rows consisting of 3 images across that are separately linked to other pages and have captions. What is the best way to accomplish this?

    I tried a photo gallery, but it doesn’t allow me to change the page links from the actual picture file so I’m looking for another route.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter jacquelyn

    (@jacquelyn)

    My post was a little vague so I thought I would add some code. I think this is all the code that pertains to images from my stylesheet:

    .post img {border: 2px solid #C0C0C0; margin: 4px 0;}
    .post a img {border: 2px solid #C0C0C0;}
    .post a:hover img {border-color: #666666;}

    img.tech {
    margin: 10px;
    padding: 0px;
    border:none;
    background:none;
    }

    /*
    Style Sheet code for Image Caption Easy Plugin for WordPress
    Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
    You can edit any of these to suit your needs.
    */
    .imagecaptioneasy {
    padding: 4px;
    font-family: Liorah BT;
    font-size: 18px;
    line-height: 2em;
    text-align: center;
    border: none;
    background: none;
    color: #A00000;
    }
    .imagecaptioneasy img { border:0px solid #fff; margin-bottom:3px; }
    .imagecaptioneasy span { text-align: center; }
    .imagecaptioneasy_top_left { margin: 0 11px 11px 0; float: left; }
    .imagecaptioneasy_top_right { margin: 0 0 11px 11px; float: right; }
    .imagecaptioneasy_top_nowrap { margin: 0 0 11px 0; float: none; }
    .imagecaptioneasy_left { margin: 11px 11px 11px 0; float: left; }
    .imagecaptioneasy_right { margin: 11px 0 11px 11px; float: right; }
    .imagecaptioneasy_nowrap { margin: 11px 0 11px 0; float: none; }

    And I found this too that might also be connected.

    /* misc */
    .content {padding: 18px 20px;}
    .right .content {padding: 10px 10px;}
    .left {float: left;}
    .right {float: right;}
    .clear,.clearer {clear: both;}
    .clearer {font-size: 0;}
    .col2 .left {width: 77%;}
    .col2 .right {width: 20%;}

    Thread Starter jacquelyn

    (@jacquelyn)

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Horizontal page images’ is closed to new replies.