Home Forums WoodMart support forum masonry grid

masonry grid

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #393040

    cesaicumpar
    Participant

    I am showing blog posts in a masonry grid: https://postimg.cc/RNp9Sm97

    How do I show the titles only on 3 maximum lines? So that everything is even

    #393065

    Hello,

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .blog-design-masonry.blog-style-shadow .article-body-container {
    height: 150px;
    }

    Best Regards

    #393067

    cesaicumpar
    Participant

    It doesnt work unfortunately, this is how it looks now: https://postimg.cc/KkjvLNN3

    #393080

    Hello,

    Please replace the previous Custom CSS with the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .blog-design-masonry.blog-style-shadow .article-body-container {
    height: 200px;
    }

    Best Regards

    #393090

    cesaicumpar
    Participant

    It looks like this: https://postimg.cc/yJywmQy6

    Is it possible to limit the title on only 3 rows?

    #393092

    cesaicumpar
    Participant

    Also, this changed the height on the carousel posts too, which I talked about in another topic: https://postimg.cc/VJPwXHbp

    #393307

    Hello,

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    h3.wd-entities-title.title.post-title a {
        word-break: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 30px;
        max-height: 100px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    Best Regards

Viewing 7 posts - 1 through 7 (of 7 total)