Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 29, 2015 at 8:14 pm #480411
    Erwin

    Hi,

    I’ve added a blog to my site using a page with masonry layout, see the first link below. I would like to change the layout a bit so that it fits the other pages of the site, see as an example the second link below.

    How can I set the margins right and let the two columns fill the content area properly?

    Also I would like to add a margin around the images of 20px in the masonry blogpage. When I add this margin, everything gets out of proportion. Which element should I edit for this?

    The last thing, How can I show the excerpt on this page? I’ve added a read-more tag, but it doesn’t respond to this. It has a fixed length of characters.

    Regards,

    Erwin

    July 30, 2015 at 7:34 pm #480876
    Elliott

    Hey erwin_m!

    Can you take a screenshot and highlight exactly how your trying to change it? The Masonry script is kind of sensitive so I’m not sure if we will be able to help you here but we can try.

    Cheers!
    Elliott

    July 30, 2015 at 7:49 pm #480892
    Erwin

    Hi Elliot,

    I’ve adde two screenshots. One is how it should be, and the other one from the actual site with two arrows how it should be. The margin between the two columns must stay as you can see in the other image.

    purpose

    actual site

    Regards,

    Erwin

    July 31, 2015 at 2:29 pm #481325
    Elliott

    Hey!

    Try adding this to your custom CSS.

    .av-masonry { padding: 0px !important; }

    Cheers!
    Elliott

    July 31, 2015 at 2:48 pm #481340
    Erwin

    Hi Elliot,

    Thanks! That solved the padding on the left.

    On the right its sill the same, caused by a padding-left of 50px to entry-content-wrapper.

    When I change this, there’s still a bit to much space between the content and sidebar. Also the space between the two columns should be a bit bigger. The featured image is to small, it animates to the right size, can I shut of this animation? See the link below.

    Further suggestions would be more then welcome.

    Regards,

    Erwin

    July 31, 2015 at 4:44 pm #481468
    Erwin

    Hi,

    I’m getting closer.

    Changed .av-masonry { padding: 0px !important; } by giving it a negative margin-right. Only the space between the two columns is a bit to small.

    Can anyone tell me how to change the space between the two columns?

    Regards,

    Erwin

    • This reply was modified 9 years, 4 months ago by Erwin.
    August 3, 2015 at 5:55 am #481871
    Ismael

    Hey!

    You can use this adjust the space between the masonry columns:

    .av-masonry-col-2 .av-masonry-entry {
    width: 49%;
    padding-right: 10px;
}

    Regards,
    Ismael

    August 3, 2015 at 8:10 am #481928
    Erwin

    Hi Ismael,

    That works, great!
    Thank you.

    Regards,

    Erwin

    August 4, 2015 at 5:29 am #482492
    Rikard

    Hey,

    Great, glad we could help :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.