Remove header or styling from specific category of posts? WordPress

Shoeb mirza answers:

This must be the perfect answer to your question
Please add this in functions.php and with this you may see the category slug to all the posts.

add_filter('body_class','add_category_to_single');
function add_category_to_single($classes, $class) {
if (is_single() ) {
global $post;
foreach((get_the_category($post->ID)) as $category) {
// add category slug to the $classes array
$classes[] = $category->category_nicename;
}
}
// return the $classes array
return $classes;
}


Now, please add this css

.single .category-ideas-and-analysis header {border:0;} (or)

.category-ideas-and-analysis .single header {border:0;}

Jayaram Y answers:

HI Alisa,

Hope you are doing well..

If you need for particular category, then you must get the category class in the body tag so that you can control the css based on the category class.. As its a single post, the category class doesnt show up. TO do this add the below code to theme functions.php file


add_filter('body_class','add_category_to_single');
function add_category_to_single($classes, $class) {
if (is_single() ) {
global $post;
foreach((get_the_category($post->ID)) as $category) {
echo $category->cat_name . ' ';
// add category slug to the $classes array
$classes[] = 'category-'.$category->slug;
}
}
// return the $classes array
return $classes;
}


Once added, it gives the category class in the body tag. Then use that in css to remove the line as below.


.single.category-ideas-and-analysis header.entry-header{
border: none;
}


Let me know if you need any help doing this.

---

---

---

---