Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 25, 2016 at 1:12 am #637832
    norcalnathan

    I need to have 6 small images displayed in 1 row and clicking on each image goes to a URL. The images will all be the same size but I need to be able to specify the size (or just use the default image size).

    I’m looking for a plugin or some simple way to do this. It seems like such a simple, basic thing but I haven’t been able to figure it out.

    Thanks!

    May 26, 2016 at 6:02 am #638480
    Rikard

    Hi norcalnathan,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    May 26, 2016 at 10:35 pm #639002
    norcalnathan

    Here is the site. If you look at the top gallery it has 5 pics. I’ve made some progress but there are still some formatting issues.

    I copied the same pic 4 times in the text editor. This is not a gallery, it is just a text block with images I placed in it. I need all the images to line up the same but the are staggered. If I don’t do captions they align correctly.

    All I want is the images to line up correctly and have both a caption and URL.

    May 27, 2016 at 2:37 pm #639298
    Yigit

    Hi,

    Please add link to your images while adding Gallery or Masonry Gallery element to your page – http://i.imgur.com/DmwFoEG.png

    Best regards,
    Yigit

    May 27, 2016 at 11:09 pm #639541
    norcalnathan

    Hi – Gallery does not allow the images to have individual links. I am using the Text Box and adding images into it. I did what you said and added images one at a time and adding both the caption and url when inserting the image.

    It is still not aligning correctly.

    Oh I looked again at the picture you attached. My gallery does not have the custom link field.

    • This reply was modified 7 years, 11 months ago by norcalnathan.
    May 30, 2016 at 6:48 am #640140
    Vinay

    Hi,

    Please check the link in private. A custom class “custom_gallery” has been added to 1/1 col and the images inside it are styled as per your requirement.

    /* Custom Gallery */

.custom_gallery img {
    width: 130px;
    height: 200px;
}
.custom_gallery .avia-image-container {
float:left;
margin-right:20px;
}
.custom_gallery .avia-image-container:last-child {
margin-right:0px;
}
.av-image-caption-overlay-center {
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
}

    Best regards,
    Vinay

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.