Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 29, 2014 at 7:09 pm #342909
    GGLNetwork

    Hello –

    I’m confused about how the blog post grid works –

    Here’s my page:
    http://www.new.globalgl.org/?page_id=33

    I have:
    Grid Layout
    3 columns
    Choose preview image size manually -> selected “masonry 400×400”

    But its not showing up that way.

    1. How do I get them all to be the same size image? both width and height
    I’ve tried these quick css items but they don’t seem to have any impact:
    .page-id-33 .container .av-masonry-entry { width: 75%!important; }
    .page-id-33 .av-masonry-entry { height: 400px;
    }

    2. Why is the little arrow not showing up over the “welcome dayton” post?

    3. Is there a way to have the second row of posts all align vertically on the page, instead of scooting up next to the post above it?

    4. How do I make the first post large above the rest, and then all of the other items below it in a grid?

    Thanks a million.

    October 31, 2014 at 7:02 am #343882
    Ismael

    Hey GGLNetwork!

    Thank you for using Enfold.

    1.) Thumbnails are cropped differently depending on the image dimension and proportion. You can use this apply a minimum and max height for blog grid thumbnails but this might stretch landscape images. The best solution is to use images with the same sizes for post featured images:

    .page-id-33 a.slide-image img {
min-height: 135px;
max-height: 135px;
}

    2.) What arrow? A screenshot will help.

    3.) You chose 3 columns so it will render 3 columns. Why did you place the blog posts inside a 3/4 column?

    4.) I’m sorry but this particular modification is beyond the scope of support. You can try to use the magazine element but the layout is different from the blog grid element.

    Cheers!
    Ismael

    November 2, 2014 at 10:14 pm #344996
    GGLNetwork

    Hi Ismael,

    Thank you for your response. All are very helpful, looking forward to implementing! and to clarify my second question …

    (#2) screen shot: http://www.new.globalgl.org/wp-content/uploads/2014/11/Screen-Shot-2014-11-02-at-3.02.33-PM.png
    –When I hover over the map (the image next to the welcome dayton image) a little arrow pops up showing I can click on it. Same for all others, except welcome dayton. any ideas?

    and
    (#3) i’m not sure, I think I was trying to figure out how the element determined size. Seems silly now, I know. :)

    Thanks

    November 3, 2014 at 10:40 pm #345580
    Andy

    Hey!

    the hover arrow for welcome dayton image is working for me. Could you fix it?

    Cheers!
    Andy

    November 5, 2014 at 3:31 pm #346549
    GGLNetwork

    Innnnteresting, I swear I tried if 938807 times before. It’s working now, yes, sorry for wasting time!

    b.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘blog post grid image sizes – confused!’ is closed to new replies.