Advertisement
fauzanjeg

Changing the font color in a dark mode according to the customizer settings

Mar 22nd, 2021
156
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.31 KB | None | 0 0
  1. /* Changing the font color in a dark mode according to the customizer settings */
  2.  
  3. /* Body Font */
  4. body.jnews-dark-mode,
  5. .jnews-dark-mode input,
  6. .jnews-dark-mode textarea,
  7. .jnews-dark-mode select,
  8. .jnews-dark-mode .chosen-container-single .chosen-single,
  9. .jnews-dark-mode .btn,
  10. .jnews-dark-mode .button {
  11.     color: green !important;
  12. }
  13.  
  14. /* Header Font */
  15. .jnews-dark-mode .jeg_header, .jnews-dark-mode .jeg_mobile_wrapper {
  16.     color: yellow !important;
  17. }
  18.  
  19. /* Main Menu Font */
  20. .jnews-dark-mode .jeg_main_menu > li > a {
  21.     color: blue !important;
  22. }
  23.  
  24. /* Post Title */
  25. .jnews-dark-mode .jeg_post_title,
  26. .jnews-dark-mode .entry-header .jeg_post_title,
  27. .jnews-dark-mode .jeg_single_tpl_2 .entry-header .jeg_post_title,
  28. .jnews-dark-mode .jeg_single_tpl_3 .entry-header .jeg_post_title,
  29. .jnews-dark-mode .jeg_single_tpl_6 .entry-header .jeg_post_title,
  30. .jnews-dark-mode .jeg_content .jeg_custom_title_wrapper .jeg_post_title {
  31.     color: purple !important;
  32. }
  33.  
  34. /* Block Heading */
  35. .jnews-dark-mode h3.jeg_block_title,
  36. .jnews-dark-mode .jeg_footer .jeg_footer_heading h3,
  37. .jnews-dark-mode .jeg_footer .widget h2,
  38. .jnews-dark-mode .jeg_tabpost_nav li {
  39.     color: red !important;
  40. }
  41.  
  42. /* Paragraph Font */
  43. .jnews-dark-mode .jeg_post_excerpt p,
  44. .jnews-dark-mode .content-inner p {
  45.     color: brown !important;
  46. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement