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

    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?

    #763952

    Hey envatotastic9,

    Please, may you share with me your WP credentials?

    Best regards,
    John Torvik

    #764078

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

    #764587

    Hi,

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

    Best regards,
    John Torvik

    #766013

    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

    #767849

    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

    #767979

    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

    #768125

    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

    #768965

    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

    #769078

    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, 9 months ago by envatotastic9.
    #769721

    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

    #771202

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

    Could you recommend where I can find paid support please?

    Regards

    Chris

    #771471

    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

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