Necessary css classes to be included in theme stylesheet

  1. So far, this is the most comprehensive list of all styling that theme might need for styling default widgets and other elements: Default WP CSS classes for a theme. You don’t need to style all of them, but it is a good idea to use Theme Checker plugin to scan your theme before submitting it to WordPress.org, because it should pick up all the things that you might be missing, including in CSS.

  2. Your theme should have good typography, and that requires you define styling for all typography elements, like headings (h1…6), paragraph (p), blockquote, pre… If you don’t do that, browsers fall to default styling for those elements, and your theme might look different in different browsers.

My suggestion is to start with some boilerplate stylesheet like Normalize.css or some CSS/JS/HTML framework (like Foundation, but that might be an overkill, depending on your theme).

Related Posts:

  1. How to add CSS class to custom logo?
  2. How important is it to enqueue a theme’s stylesheet?
  3. Solutions for generating dynamic javascript / CSS
  4. Enqueue a stylesheet for login page and make it appear in head element
  5. Generating CSS Files Dynamically Using PHP Scripts?
  6. Enqueue Stylesheets After Theme’s “rtl.css”
  7. Understanding wp_add_inline_style
  8. Hide a div that is part of all pages on one specific page
  9. Why I can’t add a CSS style in this WordPress theme?
  10. Editing the custom background CSS
  11. Why max-width:97.5% on content images?
  12. add generated stylesheet from parent theme after child-themes style.css
  13. why does twenty eleven theme mix up the css measurement units?
  14. Setting up partial Right-to-Left admin interface
  15. Adding inline styles from a widget
  16. Can’t edit style.css in subdirectory of my theme?
  17. Adding dashicon fonts to the admin of pre 3.8 installs
  18. How to Handle CSS for Multiple Header header.php Files?
  19. Move my theme style.css into a folder
  20. Convert a static website to a WordPress theme and import all existing content
  21. Enqueued Stylesheets Effecting Admin Styles
  22. There’s an image named g.gif somewhere in my WordPress site
  23. wp_head() not inserting the default stylesheet style.css
  24. How to highlight the current page in the nav menu?
  25. First completely customized theme, where should I start?
  26. Root Sage theme styles are not working!
  27. Whats the safest way to output custom JavaScript and Css code entered by the admin in the Theme Settings?
  28. Sub folder CSS that’s read by Admin panel
  29. WordPress 5.8 update problem custom theme styles are overridden by core styles common.min.css
  30. CSS won’t style output of wp_nav_menu() correctly
  31. Where is definied the theme location for the main menu in a WordPress template?
  32. Is it necessary to prefix every css class in a theme framework?
  33. current-menu-item class not working
  34. Dequeue a style file which is making website load slow!
  35. Weekly background code not working
  36. Do I need normalize.css when developing my own WordPress-theme?
  37. How to float an image in Gutenberg
  38. How do the default themes reference style.css?
  39. Multiple Page Templates & CSS
  40. How to override checkbox styles if these inputs have a unique id [closed]
  41. How to add material design css in wordpress and woocommerce
  42. Font Awesome 5 Free – far working but fas is not? [closed]
  43. How remove render blocking css from wordpress when you build a theme?
  44. How to get javascript slider to work! [closed]
  45. How to disable wordpress from overload my stylesheet styles with customizer styles
  46. What is the meaning of WordPress’s recommended css classes and where are they applied?
  47. How to i style the elements from the TinyMCE
  48. Using page-id-{ID} from body_class() in local dev, versus live staging
  49. different way to achive stylesheet_url
  50. Custom image size vs CSS sizing
  51. How to rotate every letter in a title
  52. Theming Using Bootstrap Glyphicons and WordPress Dashicons
  53. Broken theme, template is missing
  54. Having issue with WordPress wp_enqueue_style
  55. theme style is applied on the dhasboard rather than the website
  56. White screen when attaching css to function.php
  57. SVG in list-style-image breaks when adding fill
  58. WordPress theme resource won’t load over VPN
  59. theme-independent CSS/JS files
  60. How to style bootstrap container in wordpress theme?
  61. CSS added through customizer neglects the need of a child theme?
  62. How to override template files in parent theme?
  63. LESS not working in WordPress [closed]
  64. Place title (in correct place) above image with opaque background [closed]
  65. multiple html/css files for wordpress theme?
  66. CSS preprocessor file messed up after compiled
  67. Customize Option Framework
  68. Why I obtain different visualization when I run the website on my local machine and on remote server?
  69. How to create a WP theme that use BootStrap? [closed]
  70. my single.php is mixup on some post for no reason
  71. How to use the _S framework
  72. How to format the first line of a post differently?
  73. style variations hurt the editing performance
  74. Why nav_menu_css_class doesn’t work with apply_filters?
  75. 3 Level Menu Navigation (3rd Level not displaying)
  76. Default customizer colors aren’t displayed outside of the preview
  77. Find the source file causing a Mixed Content warning
  78. Is there a way to add classes to a page when using a Gutenberg reusable block as page layout?
  79. How can I fix my theme header for my CSS stylesheet?
  80. WordPress doesn’t load css, image and js files after moving local installation folder
  81. How to generate a rtl.css file for themes?
  82. Load multiple css simultaneously using functions.php
  83. overlay post title over post’s featured image
  84. Change site title color on individual pages
  85. Mobile view logo background colour in wordpress
  86. WordPress Customization API overwrite LESS variable
  87. Enqueue Stylesheets After Theme’s “rtl.css”
  88. WordPress 3.5 + Foundation 5 not working on IE9
  89. Any disadvandages if I style the wordpress align classes without img and .wp-caption prefix
  90. adding navigation to genesis themes
  91. Alternating CSS classes for dynamic content [closed]
  92. How to reuse parts of WordPress site e.g. header, footer, part of header for multiple WordPress sites?
  93. Header is not showing full width
  94. How do I middle-align my header menu items in WordPress [closed]
  95. How to resize video lightbox popup in wordpress? [closed]
  96. How can I get rid of the distance when I’m using list-style-type: none? [closed]
  97. Detect custom font size
  98. HTML to WORDPRESS [closed]
  99. Align images to the left of the content
  100. WordPress search field won’t get wider