fauzanjeg

Example Heading Font Custom with CSS

Feb 19th, 2021 (edited)
145
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.55 KB | None | 0 0
  1. /* Change Heading (H1,..) Font Size || Example */
  2.  
  3. /* Global, All Example */
  4. h1, h2, h3, h4, h5, h6 {
  5.     font-size: 20px !important;
  6. }
  7.  
  8. /* Global, Single Example */
  9. h2 {
  10.     font-size: 40pt !important;
  11. }
  12.  
  13. /* Size Below 768px || Tablet  */
  14. @media only screen and (max-width: 768px) {
  15.     /* Tablet, Single Example */
  16.     h2 {
  17.         font-size: 50px !important;
  18.     }
  19. }
  20.  
  21. /* Size Below 480px || Mobile  */
  22. @media only screen and (max-width: 480px) {
  23.     /* Mobile, Single Example */
  24.     h2 {
  25.         font-size: 4em !important;
  26.     }
  27. }
Add Comment
Please, Sign In to add comment