Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 24, 2015 at 10:54 am #463892
    JMDP

    Hi,
    How to lock the “box” height to make it aligned with others with a « Read more » link when the text is longer. I’ve tried with the other masonry option without success and the text is hidding pictures when I lock the box size.

    I tried to have all the block the same heights with the same ratio “Pictures-Text”.
    Also difficult to fix vs zoom ratio, responsiveness etc.

    June 25, 2015 at 10:11 am #464501
    Andy

    Hi Ad-Min7477!

    difficult to imagine what you are saying. It would help us a lot if we could see what you mean. Please provide us a link showing what you are talking about. Screenshots showing what you want to achieve would help us too. Use imgur or dropbox.

    Best regards,
    Andy

    June 30, 2015 at 11:30 pm #466733
    JMDP

    Hi Andy,
    please find screenshots attached in dropbox ppt
    See slide 2

    July 2, 2015 at 2:39 pm #467518
    Andy

    Hey!

    we need a link to be able to inspect you elements, so we can provide you some CSS code. I could not identify the URL in you screenshots.

    Best regards,
    Andy

    July 2, 2015 at 2:53 pm #467532
    JMDP

    Hi,
    attached both link:

    => For the boxes and “Read more”: (block height, Post masonry)
    http://rentonfrance.com/proprietes-en-location/

    => For the “Side arrows” and the “Next-Previous posts”:
    http://rentonfrance.com/villa-blacaredo/

    (I put both links as having 2 threads about the same website)

    July 3, 2015 at 8:38 pm #468213
    Dake

    Hey Ad-Min7477!

    Thank you for providing us with direct links.

    May we have temporary access, in order to take a closer look at your current settings?

    Be sure to use the Private Content section.

    Cheers!
    Dake

    July 3, 2015 at 9:32 pm #468231
    JMDP

    See attached.
    Thanks for your help

    July 6, 2015 at 12:45 pm #468839
    Andy

    Hey!

    use this code for next and previous post:

    a.avia-post-nav.avia-post-next.with-image {
height: 25% !important;
}

    and adjust as needed.

    Seems like you already implemented a next and previous button for your slider. If you need some other buttons, you would need to add them manually using ALB.

    For box height use this code:

    figcaption.av-inner-masonry-content.site-background {
height: 570px !important;
}

    Best regards,
    Andy

    July 6, 2015 at 4:16 pm #469060
    JMDP

    Hi Andy,
    thanks for the box height. Works fine now, thus looking better on various devices and screen resolution.

    Regarding “Previous-Next” slider button (width, not height), I’ll have to retry as far as the “mouseover” behaviour is (seem to) not the same now.

    I’m simply looking at enlarging the arrow button so that people see it better when reading the page.

    But keeping the same behaviour on mouseover, as before: Button coming with the whole picture and text.
    And that seems to be partial in my case. Arrow background and/or text are partially dimensioned only.

    I’ll try again and let you know.

    July 7, 2015 at 4:25 pm #469789
    Andy

    Hey!

    I think you could try to play with background color and opacity to make it more visible: 

    a.avia-post-nav {
background: rgba(0,0,0,0.5) !important;
}

    Adjust “0.5” to change opacity.

    Cheers!
    Andy

    July 7, 2015 at 5:17 pm #469827
    JMDP

    Hi Andy,
    yep good idea.
    People should better see it by now.
    Thanks again.
    Good day.
    JM

    July 7, 2015 at 7:57 pm #469912
    Dake

    Hi Ad-Min7477,

    I’m glad to hear that you were able to get things sorted on your end.

    Cheers!
    Dake

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Post Gallery Masonry blocks height’ is closed to new replies.