Different background-image by category

You can do this using WordPress’s handy body_class() function. Depending on whether and how it is used in your theme, it may already be giving you what you need. Here’s how to find out:

Check the source of your page to see if the <body> tag in your category archive pages has any classes containing your category slug: category-apple, category-area, category-usa, etc. These will typically be included by default.

  • If they are there, you can use these as selectors in your CSS: body.category-apple { /* code here */ }, etc.

  • If not, add the body_class() function to the <body> tag in your theme, probably located in header.php. It works like this:

    <body <?php body_class(); ?>>

Optionally, you can add any extra class you want as a parameter.

Here’s the entry in the WordPress Codex: http://codex.wordpress.org/Function_Reference/body_class

Related Posts:

  1. Different post styles depending on category
  2. admin panel – How to remove “delete” button from category editing page
  3. How to add style in functions.php depending on conditions?
  4. How to target with css, admin elements according to user role level?
  5. Getting key value of WP_Term object in wordpress
  6. Best way of adding CSS which can be manipulated by the user via theme option panels?
  7. Need help on WordPress and php
  8. Looking to exclude blog posts from category Previous/Next buttons
  9. Multiple pages on one with different HTML
  10. WordPress Customizer not setting default value upon initial install?
  11. wp_enqueue_style with style.php and WordPress functions
  12. Minify HTML, CSS, JS with PHPWee?
  13. Add HTML Attributes To Anchor Tags In `wp_list_categories()` Function
  14. Add a Different CSS Class Into The Body Tag of Different WP Pages
  15. Show post in slider
  16. Where do posts get the sidebar from?
  17. How can I hide Home in my menu in a specific page?
  18. get post based on category chosen in drop down – The ajax method
  19. Slider loading issue
  20. Hide Hamburger Menu On Specific Page (Front Page/Home Page)
  21. how to remove metadata from the posts of my blog?
  22. Proper syntax or method for keeping url in modified isotope / category links
  23. how do I get a specific post from a post with a subcategory in WP
  24. Get page that displays all children of taxonomy parent
  25. selected option if current category is the value
  26. How to add condition in wordpress loop? [closed]
  27. Alert Bar section within WP loop is displaying even though there are no posts
  28. WordPress Multiple Navigation bars
  29. Redirect to another page using contact form 7? [closed]
  30. Which is the correct way to conditionally enqueue a CSS file?
  31. Custom Background by Page IDs
  32. Change CSS based on is_user_logged_in
  33. Change “No Comments” link to “My String” on Blog Post (Find Snippet in Code or use CSS, PHP Solution) [closed]
  34. Where can I find the inline-css of my theme header?
  35. How to get category name or ID by post?
  36. Post not populating for custom post type based on category selection
  37. Menu Custom Data Attributes
  38. Listing titles and custom fields of entries within subcategories
  39. Highlight the links without using dropdown
  40. random display categories – change url
  41. Do not duplicate posts with multiple categories in multiple loops
  42. How to modify mobile nav menu text in theme
  43. Removing sidebar on category pages
  44. Dividing the loop to style post differently
  45. How to add new CSS file to new PHP file
  46. wp nav menu: show submenu below li item
  47. go to home page when i select default in select-box
  48. Adding wp_list_categories to a specific div that was appended using jQuery
  49. Styling an “active” link outside of WordPress default menu
  50. I get “Cannot modify header information – headers already sent” when I change my theme
  51. How to edit background color of only one sidebar?
  52. How to sort posts by active category in WordPress?
  53. Counting number of posts in multiple (sub)categories using shortcode
  54. How to find which .mo file is responsible for displaying a particular localized string?
  55. Add css class to string
  56. Change category thumbnail size
  57. Removing links from Grouped products
  58. Display Visual Composer shortcode if a post belongs in specific categories
  59. WordPress custom php script to match standard page layout
  60. Get parent category name when only child category is applied to a product
  61. Help me I cannot link my font-awesome to my WordPress Theme. I have my font-awesome folder already in my project
  62. Multiple Tag Filtering
  63. Google CSE Malfunctions via Chrome/Safari on Mobile When Clicking on Either Search Icon/Menu Icon. How to Make Google CSE Default Theme Search
  64. Polylang and template files
  65. Notice: Undefined variable
  66. Hide author from search results meta, still display date and categories
  67. How to locate parent theme functions and add functions to my wordpress child theme?
  68. Add my footer menu to the header
  69. Show subcategory name selected in specific category woocoommerce
  70. Trying to add get_the_title hook to this line
  71. Custom content using in_category
  72. How to display post_content from database in different on template page?
  73. remove blank space where sidebar was
  74. PHP drop down menu for my get_category child of
  75. Short code into PHP
  76. Need to adjust condition to say if I’m pulling categories from a post, to pull only the first one
  77. Widget edit and add in any page
  78. Rearrange get_categories array compared to another array
  79. Styling admin page rows in order of importance (checkboxes)
  80. How to save the output of php variables used in inline css code to the main style.css?
  81. Search in particular category in wordpress
  82. Query seems to be duplicated
  83. Top menu disapears in Category Pages when filtering using ACF
  84. featured post as div background
  85. Combining fancybox with multiple thumbnail plugin
  86. Trying to customize wordpress drop down categories
  87. Error trying import one category on page
  88. Show Nav Link To Users Signed In
  89. Remove the_content From Loop
  90. Category List in Theme Options Page
  91. PHP Puzzle: Unique Styles with PHP loop
  92. How to use plugins_url() inside PHP stylesheet file [duplicate]
  93. Display post of specific category on page
  94. Displaying categories
  95. Integrating CSS Into a WP Function Call [closed]
  96. WP_Query not returning results
  97. How do I link the side images?
  98. How to create a container in php then customise it in CSS
  99. inner-wrap div pushing custom table far down on page
  100. Styling best practices for single pages/templates