Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #243097

    Hi ..

    Is there anyway to make the Portfolio Grid a little smaller? So I can use smaller images say 200 x 150

    Also .. is there anyway to add some padding between the images displayed.

    Thanks,
    Bill

    #243512

    Hey bdm55!

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

    .grid-entry .inner-entry { margin-right: 25px; }

    Cheers!
    Yigit

    #281670

    Hi,

    the problem with this solution is that the whole grid isn’t 100% any more…
    the item on the right schouldn’t have margin right so it aligns perfect…

    We have a 3 Column grid.. in css there is ony “grid-parity-odd” and even…
    is there an easy way to get margins only between the items?

    thx
    chris

    #281920

    Hey!

    Thank you for the info.

    Maybe a padding between the grid entries will suffice. Add this on Quick CSS or custom.css:

    div#grid_id_all_sort div {
    padding: 5px;
    }

    Regards,
    Ismael

    #282383

    Hi,

    hmm.. that is not what we want.. we want margins only between the items – the whole row should be 100%.
    This works fine:
    #top .no_margin.av_one_third {
    width: 29.3333%;
    margin-left: 6%;
    }

    body div .first {
    margin-left: 0 !important;
    }

    The Problem -> as soon i click to sort the Items -> the margins do not work because the CSS doesn’t change.

    I also searched the isotope website -> but there is no solution -> can’t be?

    thx
    Chris

    #282394

    Hi!

    Please add following code to Quick CSS and adjust

    .grid-entry:nth-child(2) {
    padding-right: 10px;
    padding-left: 10px;
    }

    For more information on using nth-child, please see – http://css-tricks.com/how-nth-child-works/

    Cheers!
    Yigit

    #282422
    This reply has been marked as private.
    #282815

    Hi Chris!

    I was playing with the Isotope script on my sandbox installation and i think i got something, check if this is what you want to achieve:

    http://bit.ly/1m8kBcQ

    Regards,
    Josue

    #282920
    This reply has been marked as private.
    #283329

    Hey Chris!

    Check it now:

    http://bit.ly/1m8kBcQ

    Regards,
    Josue

    #283500
    This reply has been marked as private.
    #283714

    Hi,

    I modified js/avia.js and used this custom CSS:

    @media only screen and (max-width: 767px) {
    	#top .isotope-item.av_one_third {
    		width: 100% !important
    	}
    }
    @media only screen and (min-width: 767px) {
    	#top .isotope-item.av_one_third {
    		width: 28% !important
    	}
    	#top .isotope-item.av_one_third {
      		margin-bottom: 52.4px;
    	}
    }
    @media only screen and (min-width: 989px) {
    	#top .isotope-item.av_one_third {
      		margin-bottom: 72.4px;
    	}
    }
    @media only screen and (min-width: 1139px) {
    	#top .isotope-item.av_one_third {
      		margin-bottom: 82.4px;
    	}
    }

    Regards,
    Josue

    #284046

    Hi Josue,

    you’re my hero.. works great…

    thx a lot
    Chris

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Changing Portfolio Grid Image Display size and padding (ENFOLD THEME)’ is closed to new replies.