fauzanjeg

Custom Gutenberg Quote

Feb 25th, 2021 (edited)
143
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.82 KB | None | 0 0
  1. /* Custom Gutenberg Quote */
  2. .wp-block-pullquote {
  3.     all: unset;
  4. }
  5.  
  6. .entry-content blockquote {
  7.     margin: 1.25em auto !important;
  8.     padding: .5em 12% !important;
  9.     font-size: 24px;
  10.     border: none;
  11.     padding: 0;
  12.     position: relative;
  13.     text-align: center;
  14. }
  15.  
  16. .entry-content blockquote:before,
  17. .entry-content blockquote:after {
  18.     content: '';
  19.     display: block;
  20.     width: 50px;
  21.     height: 2px;
  22.     background: #e0e0e0;
  23. }
  24.  
  25. .entry-content blockquote::before {
  26.     margin: 1em auto 0.65em;
  27. }
  28.  
  29. .entry-content blockquote:after {
  30.     margin: 0.75em auto 1em;
  31. }
  32.  
  33. @media only screen and (max-width: 1024px) {
  34.     .entry-content blockquote {
  35.         font-size: 120%;
  36.     }
  37. }
  38.  
  39. @media only screen and (max-width: 480px) {
  40.     .entry-content blockquote {
  41.         font-size: 1em;
  42.     }
  43. }
Add Comment
Please, Sign In to add comment