Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #29673

    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!

    #161784

    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

    #162641

    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.

    #162887

    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

    #164517

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

    #164519

    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

    #164521

    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

    #164527

    Hey!

    Please add following code to Quick CSS

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

    This works for me

    Regards,
    Yigit

    #164530

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

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.