How to customize the colors within a stylesheet using a WordPress setting

I would recommend a color option. Generally, a color option just loads a separate style sheet. E.g., loading the style-blue.css style sheet would include all those elements you wanted to be blue. (You would load this in addition to your main style sheet.) This is how many themes work, so this a proven approach. This also takes advantage of caching, which will speed things up and reduce server load.

However, if the amount of code required to make the changes is small (under 20 lines, say), I would just use the customizer’s Custom CSS option.

Related Posts:

  1. Alignment Problem [closed]
  2. Is it possible ( or advisable) to allow open access to the new theme customizer for potential clients?
  3. Add a dropdown to theme customizer
  4. How to add Color Picker in Theme Options for the following?
  5. WordPress Customizer Typography: How to load just the unique Google Fonts?
  6. How do I get a parent theme modification from a child theme?
  7. How to remove menus section from WordPress theme customizer
  8. How to hook CSS file according to theme selection in the customizer section
  9. How Can I Create a List of Values to Be Iterated Through via WordPress Customization API?
  10. Change setting name in Customizer and keep the data
  11. after_setup_theme, Global Variable and Theme Customizer
  12. get_option in header.php not returning value from customizer
  13. Internal error 500 accessing Theme > Customize
  14. Using an if statement in the theme customizer page
  15. How to disable wordpress from overload my stylesheet styles with customizer styles
  16. How to enqueue javascript for WP Customize options sidebar?
  17. Change WordPress header color using customizer
  18. Avada Child Theme Development
  19. Questions from a new WP Dev [closed]
  20. WP Customazation API doesn’t save the default Value
  21. How to customize this theme? [closed]
  22. Customize Option Framework
  23. Related Post Category Filter
  24. In wordpress customizer div still showing even if I hid it with javascript
  25. Customizer API Multi Sections in single Panel
  26. What is an alternative to not using child theme to customize a WordPress theme?
  27. (Parent) theme Is Not Showing In Theme Selection Panel and Therefore Breaks Child Theme
  28. Duplicate child theme incl. design changes
  29. Debugging slow WordPress Theme Customizer (Any option similar to Query Monitor)?
  30. how can I re-utilize and class on a child theme
  31. Customizer_register theme options not saving
  32. Using Customizer value in an external PHP file inside a theme
  33. “No Data Received” error in Chrome every time i try to update the theme functions file
  34. trying to figure out how to use more that one image upload in the same section in theme customizer
  35. How to show associated fields if checkbox is checked in customize widget screen using wp_customize?
  36. How do I remove a pre-existing customizer setting?
  37. WordPress API Menu/Submenu Order
  38. Custom Image section in Customizer
  39. What WP folder can I use to write files to?
  40. Adding Action Hooks In Parent Theme For Easier Child Theme Customization
  41. Best practice (forward compatibility) for theme options
  42. Add colors to existing color palette without replacing it
  43. How to deploy a new theme/theme options from staging to production site
  44. esc_url not working within add_settings_field callback
  45. WordPress Errors in generated by theme check plugin [closed]
  46. Checking if there is an Image inserted – if not don’t display anything
  47. Default header image does not display
  48. Responsive Images – Generating multiple images from Theme Customizer control upload?
  49. Can a child theme based on Starker theme be released as free to use theme for public use?
  50. Modify the Additional CSS section (adding a disclaimer)
  51. Changing order title and featured image in blog post (Astra theme)
  52. wordpress custom theme import and export options for sample data [closed]
  53. how can I remove the sidebar from my wp homepage [closed]
  54. WordPress not registering Theme Customization Section
  55. How to remove a file included in parent theme with locate_template() via child theme?
  56. Can’t override template file in child theme
  57. For best DB performance should I serialize all theme options together or by type?
  58. qTranslate with my own theme and settings
  59. Override template file i subfolders
  60. What happens to child theme if I change to new version of parent theme?
  61. Include Parent functions.php in Child Theme functions.php
  62. Display theme layouts [closed]
  63. Is accessing theme and using customizer GPL distribution?
  64. Is it possible to make *.js and folders visible in theme-editor
  65. How do i place same widgets multiple time by default on theme activation?
  66. filemtime(): stat failed warning within a child theme
  67. How can I override a require() used in functions.php of parent theme to my child theme
  68. Is there any way to register custom background images like header images?
  69. Using a starter theme vs starter theme with child theme
  70. How to transfer one domain to another domain without losing theme options (customizer)?
  71. How to make javascript work on theme options page
  72. Theme Customizer not displaying saved values in wp_head (CSS)
  73. How to allow certain PHP functions when using sanitize_callback in the word press customizer
  74. where is real values of variables?
  75. How to allow users to create their own website within my domain? [closed]
  76. Theme customizer – can’t add section/settings
  77. Editing my theme to try to place the default header at the top of the page breaks the rest of the page content
  78. using Options Framework – can “theme-textdomain” domain be changed?
  79. Need advice on theme customizer and child themes
  80. WordPress custom menu can’t show 3. level submenu
  81. Gallery functionality in custom theme
  82. How to copy page/post from one theme to another?
  83. Why front-page.php doesn’t show content of file instead shows loop
  84. Why does wp_customizer default values do not apply when theme is installed for the first time?
  85. Theme functions don’t work as expected in partial included via get_template_part() after custom query using Ajax [duplicate]
  86. How Do I Create a WordPress Demo Site with Limited Admin Access
  87. What is difference between add_theme_support and Theme Customization API?
  88. How can I fix my theme header for my CSS stylesheet?
  89. How to show Custom Field Value in Woocommerce Shop Page
  90. how to create export / import theme options in wordpress without plugin
  91. How to create multiple customizer controls in one control
  92. WordPress Customization API overwrite LESS variable
  93. How to migrate the menu from the site on my own theme in WordPress?
  94. Extending arrays in parent theme without completely overriding the files
  95. WordPress theme Modifications not showing up on live server
  96. add_action works outside condition but not inside it
  97. Should I create a child theme for a parent custom theme? [closed]
  98. ways to create customized theme (hard coded – no pagebuilder)
  99. My theme is full of error messages in the “Customize” screen, but nowhere else
  100. WP Customizer get control value on change
techhipbettruvabetnorabahisbahis forumutaraftarium24eduedusedusedusedueduseduseduedusedus