change magento categories header color

Question

i am using a magento theme and want to change the categories header color. is there any custom css code or method to change the same ?

( image attached )

Answer 1

You can use category page body class for Header background color. Please see below exmple:

.catalog-category-view .page-header {background-color: #ff5000;}

Or You can add custom class for category page to adding jQuery on list.phtml file

JS Content:

<script>
    require([
        'jquery'
    ], function($) {
        $(function(){
            $("body").addClass("<?php echo __('your-custom-class-here');?>");
        })
    });
</script>