Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 15, 2013 at 1:17 am #29673
    flylanddesigns

    How can I increase the space between the images in a image list gallery in a ajax portfolio item? Currently there appears to be a 1px white space between each image. I’m hoping to change that to 5px at least.

    BTW, Enfold is the best theme I’ve ever used (out of probably 30 different themes I’ve tried over the years). It’s even a huge improvement over Choices, which I used previously.

    Thank you!

    September 16, 2013 at 5:53 pm #161784
    Devin

    Hi flylanddesigns,

    Can you link us directly to an example? It would be best of the css change was as specific as possible so that it doesn’t accidentally impact other elements on the whole site.

    Regards,

    Devin

    September 18, 2013 at 2:25 am #162641
    flylanddesigns

    Sure – if you visit my site: http://www.flylanddesigns.com and click on any of the images in the portfolio section, I’d like the image list that comes up in the ajax portfolio after you click on a thumbnail to have a little more space between each image.

    September 18, 2013 at 1:04 pm #162887
    Yigit

    Hi,

    Please try adding following code to Quick CSS in Enfold theme options under Styling

    a.portfolio-preview-list-image {margin-bottom: 5px!important; }

    Regards,
    Yigit

    September 21, 2013 at 7:43 pm #164517
    flylanddesigns

    Shoot – that doesn’t seem to work. Any other ideas? Not a huge deal, more of an aesthetic thing.

    September 21, 2013 at 7:48 pm #164519
    Yigit

    Hi!

    It seems to be working on my end http://i.imgur.com/5MC9w5R.jpg
    Still, you can add following code to Quick CSS as well

    .grid-entry { padding: 0 0 5px 15px; }

    Best regards,
    Yigit

    September 21, 2013 at 7:53 pm #164521
    flylanddesigns

    Oh – Sorry, there must have been a misunderstanding. I’m not talking about the grid of portfolio thumbnails.

    What I want is when you CLICK on one of the thumbnails in the portfolio, and the Ajax image list comes up, I want a 5 px space between each image, the close-up images that are stacked on top of each other.

    Do you see what I mean? Currently the images load right on top of each other, with maybe a one pixel space between each.

    http://www.flylanddesigns.com

    September 21, 2013 at 8:34 pm #164527
    Yigit

    Hey!

    Please add following code to Quick CSS

    #top .portolio-preview-list-image { margin-bottom: 5px!important; }

    This works for me

    Regards,
    Yigit

    September 21, 2013 at 8:37 pm #164530
    flylanddesigns

    Dude – YES! I seriously have never experienced better customer service in ANYTHING. You guys rock.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Can I increase the space between images in an image list gallery?’ is closed to new replies.