Home › Forums › WoodMart support forum › masonry grid masonry grid This topic has 6 replies, 2 voices, and was last updated 2 years, 9 months ago by Aizaz Imtiaz Awan. Viewing 7 posts - 1 through 7 (of 7 total) Author Posts July 23, 2022 at 11:49 am #393040 cesaicumparParticipant 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 July 23, 2022 at 2:34 pm #393065 Aizaz Imtiaz AwanKeymaster 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 July 23, 2022 at 2:55 pm #393067 cesaicumparParticipant It doesnt work unfortunately, this is how it looks now: https://postimg.cc/KkjvLNN3 July 23, 2022 at 3:50 pm #393080 Aizaz Imtiaz AwanKeymaster 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 July 23, 2022 at 4:42 pm #393090 cesaicumparParticipant It looks like this: https://postimg.cc/yJywmQy6 Is it possible to limit the title on only 3 rows? July 23, 2022 at 4:55 pm #393092 cesaicumparParticipant Also, this changed the height on the carousel posts too, which I talked about in another topic: https://postimg.cc/VJPwXHbp July 25, 2022 at 10:12 am #393307 Aizaz Imtiaz AwanKeymaster 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 Author Posts Viewing 7 posts - 1 through 7 (of 7 total) You must be logged in to create new topics. Login / Register