Elementor LOOP Tutorial: Post Title Length, Equal Height Trick | CSS TIPS & TRICKS
ฝัง
- เผยแพร่เมื่อ 23 พ.ย. 2023
- Learn How to Shorten Post title Length by characters and restrict Post title Length to 2 lines with some simple lines of CSS.
Having issues with getting all the cards in your loop grid or loop carousel to have equal heights, check this tutorial out as you can learn a new trick on how to go about that
Check out Other Videos on Elementor LOOP Below
Elementor Loop Builder Tutorial: Custom Product Carousel & Archive, Product On Sale Ribbons & More - • Elementor Loop Builder...
Elementor Loop Grid Tutorial | Post Excerpt, Equal Height - Elementor Pro
- • Elementor Loop Grid Tu...
#elementor #wordpresstutorial
/* Restrict post title to 2 lines */
selector {
white-space: normal !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
}
/* Restrict post tile to 2 lines and not more than 40 characters */
selector {
white-space: normal !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
max-width: 40ch !important;
}
Wonderful! that important thing fixed the overflow for me :D Thanks a lot
Thanks
Wow. You surprised me with this. There are much bigger channels that can't just go straight to the point of solving a problem. You did it really well. Thank you!
Thank you. Thank you. Thank you. Thank you. Thank you. Thank you. Thank you. Thank you. Thank you. Thank you. 😊
Thank You.
Thanks for this ❤
Thank you very much! How can I restrict the number of lines for the post excerpt?:)
same as title