Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 20, 2017 at 8:39 pm #763782
    envatotastic9

    On my masonry gallery and portfolio posts, when I add titles and excerpts (displayed at the bottom) to the images it eats into the bottom of the image and the images looks odd as part is missing. My coder has tried to implement a fix that shows the title + excerpt with without eating into the bottom of the image but it is scrambling the other gallery items.

    How can I add the excerpts an title to the bottom without it eating into the image?

    March 21, 2017 at 4:04 am #763952
    John Torvik

    Hey envatotastic9,

    Please, may you share with me your WP credentials?

    Best regards,
    John Torvik

    March 21, 2017 at 9:53 am #764078
    envatotastic9

    Hi John, if you need further access pls let me know

    March 22, 2017 at 6:41 am #764587
    John Torvik

    Hi,

    I`ve checked your site and all looks working normally. Is there some problem yet?

    Best regards,
    John Torvik

    March 24, 2017 at 10:04 am #766013
    envatotastic9

    I’m not sure that I’m articulating my problem across to you correctly. When I add a masonry gallery or portfolio post image (without title or excerpt) the image is fine. When I add a title to the bottom of the image (not interested in having title or excerpt in the middle of the image) it eats into the image, I lose some of the bottom of the image. When I add a title and except, it eats even more of the bottom of the image. How can I add title and excerpt at the bottom without it eating into my image?

    Regards

    Chris

    March 28, 2017 at 4:26 am #767849
    Ismael

    Hi,

    I tried to access the site but the login credentials are not working. If I am not mistaken, you can use the following css code to increase the height of the masonry image container.

    
.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
padding-bottom: 120%;
}

    Best regards,
    Ismael

    March 28, 2017 at 9:06 am #767979
    envatotastic9

    Hi Ismael,

    Thank you very much, I’ll give that a try. Btw, can I hire you (Ismael) on any paid platforms such as Codeable.io?

    Login details are below.

    Best regards

    Christian

    March 28, 2017 at 1:40 pm #768125
    envatotastic9

    Hey Ismael,

    The code you provided us does the right thing, when it comes to the height of the entry, and it is something we can adjust as needed be. But what we are aiming/looking for is to keep the image dimensions as square, and then have the figcaption below the square image. Not above/on the image as it is right now.

    Does that make sense to you?

    Best regards

    Christian

    March 29, 2017 at 6:01 pm #768965
    Victoria

    Hi Christian,

    Could you please send us a mockup of what you’re trying to achieve?

    This may be not what you had in mind, but consider this as an alternative solution:

    
 .main_color .container .av-inner-masonry-content {
    background-color: #f0f0f0;
    padding: 13px 20px 5px;
    opacity: 0.8;
}


#top #wrap_all #category-masonry h3, .av-masonry-entry h3.av-masonry-entry-title, .av-masonry-entry .av-masonry-entry-title + .av-masonry-entry-content {
     color: #000;
}

    Put this code to you desktop.css.

    Best regards,
    Victoria

    March 29, 2017 at 9:09 pm #769078
    envatotastic9

    Hi Victoria,

    Please see the examples below. No 1, is an example of the image in a masonry gallery with the title and excerpt text at the bottom. Unfortunately, it eats into the image and the man in the picture gets covered up.

    Example 2 is how I would like the title and excerpt text to display, below the image so it does not cover any of the picture. See how we can still see the man in the picture.

    How can I achieve this please?

    Example 1 http://i64.tinypic.com/10gljrb.jpg

    Example 2 http://i66.tinypic.com/i6b341.jpg

    Best regards,

    Christian

    • This reply was modified 7 years, 7 months ago by envatotastic9.
    March 31, 2017 at 6:00 am #769721
    Ismael

    Hey!

    This issue is present on smaller screens so adding a css media query to our suggestion above will help. You might end up with a “non-squared” masonry items on mobile view but I think it’s better than having the captions cover the entire image. 

    @media only screen and (max-width: 768px) {
    .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
        padding-bottom: 120%;
     }
}

    Cheers!
    Ismael

    April 3, 2017 at 4:01 pm #771202
    envatotastic9

    Hi Ismael, my developer said that this fix did not work.

    Could you recommend where I can find paid support please?

    Regards

    Chris

    April 4, 2017 at 3:57 am #771471
    Ismael

    Hi!

    Hi Ismael, my developer said that this fix did not work.

    It’s working on our installation. Could you please provide a screenshot of the result after adding code?

    Could you recommend where I can find paid support please?

    Please contact our partner, Codeable.

    // http://kriesi.at/contact/customization

    Regards,
    Ismael

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