Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • November 21, 2013 at 10:05 pm #191643
    rdswestnet

    http://responsivebeach.com/example-websites/ I would like to create some white space around the thumbnails in this portfolio grid set to “no scaling”. Can anyone give me the css for this? Thanks

    November 21, 2013 at 10:08 pm #191645
    Yigit

    Hi rdswestnet!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #top .isotope-item { padding-right: 10px; }

    Regards,
    Yigit

    November 21, 2013 at 10:21 pm #191649
    rdswestnet

    Hello Yigit

    Thanks for the instant help. What you gave me is very cool and I am going to use it. But I was not clear:

    I want to add some white space between the thumbnail and the border which goes around each thumbnail and caption. Thanks

    Rob

    November 22, 2013 at 3:46 pm #191848
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .post-grid { padding: 5px; }

    If this is not what you meant, please post a screenshot :)

    Best regards,
    Yigit

    September 18, 2015 at 2:47 pm #505561
    steviger

    Works indeed but how about just a padding/margin left and right on item 2 with a three column layout. So that the first item doesn’t have a padding/margin left and the third item no padding/margin right. Is that possibble?

    Cheers,

    steven

    September 18, 2015 at 2:52 pm #505569
    Yigit

    Hi!

    Can you please post the link to your page? Currently you are displaying 2 column layout

    Regards,
    Yigit

    September 25, 2015 at 1:54 pm #509003
    steviger

    Hi,

    I don’t understand, what do you mean 2 columns? What page are you looking at?

    Cheers

    September 25, 2015 at 3:31 pm #509097
    steviger

    Hi,

    We are currently working on this portfolio. Would be great to have some white space left and right from the middle one and some white space on the bottom of all the items.

    Cheers

    September 26, 2015 at 9:30 am #509423
    Ismael

    Hi!

    Can you please provide a screenshot of the layout that you have in mind? Note that you can modify the Layout > “Inner Padding” of the column elements.

    Cheers!
    Ismael

    September 26, 2015 at 12:06 pm #509460
    steviger

    Hi,

    This is the idea .Preferably with the next/previous arrows ;)

    Cheers,
    Steven

    September 28, 2015 at 7:26 am #509841
    Ismael

    Hey!

    The spaces between the items should be doable. Add this in the Quick CSS field:

    .grid-entry {
    padding: 10px;
}

    Unfortunately, the arrows will require custom modification that is outside the scope of support. You can contact codeable: http://kriesi.at/contact/customization

    Best regards,
    Ismael

    September 28, 2015 at 10:38 am #509913
    steviger

    Hi Ismael,

    Thanks, works!

    Cheers,
    Steven

    September 28, 2015 at 1:45 pm #510064
    Rikard

    Hi,

    Great, glad we could help :-)

    Regards,
    Rikard

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Add margin/padding to gallery thumbnails’ is closed to new replies.