Advertisement
arie_cristianD

apply truncate to desktop mode

Oct 9th, 2023
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.84 KB | None | 0 0
  1. /* applly truncate in desktop mode */
  2.  
  3. .mobile-truncate.content-inner {
  4.     position: relative;
  5.     height: 100px;    /* change this value to content displayed height */
  6.     overflow: hidden;
  7.     margin-bottom: 50px;
  8. }
  9.  
  10. .mobile-truncate.content-inner:after {
  11.     position: absolute;
  12.     bottom: 0;
  13.     z-index: 0; /*(4WrBwJAB)*/
  14.     content: "";
  15.     display: block;
  16.     width: 100%;
  17.     height: 150px;
  18.  
  19.     -webkit-box-shadow: inset 0px -107px 61px -15px rgba(250, 250, 250, 0.8);
  20.     -moz-box-shadow: inset 0px -107px 61px -15px rgba(250, 250, 250, 0.8);
  21.     box-shadow: inset 0px -107px 61px -15px rgba(250, 250, 250, 0.8);
  22. }
  23.  
  24. .author-truncate.jnews_author_box_container .truncate-read-more,
  25. .mobile-truncate.content-inner .truncate-read-more {
  26.     position: absolute;
  27.     bottom: 25px;
  28.     left: 0;
  29.     right: 0;
  30.     text-align: center;
  31.     z-index: 1; /*(4WrBwJAB)*/
  32.     display: block;
  33. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement