Topic: How to add banner image to category pages?

Tagged: x

Author

Posts
October 16, 2016 at 2:23 pm #1218420

The Fox Magazine
Participant

I’m looking to customize individual category pages with a banner image at the top of each category page on the ethos stack. I have a child theme and have attempted a few solutions I’ve seen on the forum but most just cause a syntax error.

The website is thefoxmagazine.com and you can use http://www.thefoxmagazine.com/category/photography/ for reference. Any and all help is appreciated!

October 16, 2016 at 8:03 pm #1218743

Rad
Moderator

Hi there,

Thanks for writing in.

What thread has this customization? Maybe we can improve that and please provide the specific error you’re getting.

Thanks!

October 18, 2016 at 5:14 pm #1221413
The Fox Magazine
Participant
I ended up solving this issue by installing revolution slider and a child theme and then copying header.php and adding the following code to the bottom:
```
<?php 
  if ( is_category('3') ):
    echo do_shortcode('[rev_slider alias="photographyslider"]');
  elseif ( is_category('33') ):
    echo do_shortcode('[rev_slider alias="fashion-slider"]'); 
  elseif ( is_category('2') ):
    echo do_shortcode('[rev_slider alias="travel-slider"]');
  elseif ( is_category('4') ):
    echo do_shortcode('[rev_slider alias="technology-slider"]'); 
  elseif ( is_category('31') ):
    echo do_shortcode('[rev_slider alias="music-slider"]');
  elseif ( is_category('32') ):
    echo do_shortcode('[rev_slider alias="food-slider"]'); 
  elseif ( is_category('72') ):
    echo do_shortcode('[rev_slider alias="photos-of-the-week-slider"]');
  endif;
?>
```
However, I now have a new issue where Yoast SEO is placing the open graph meta tags in <body> instead of <head>, causing facebook posts that are shared to mess up. I didn’t have this issue before installing the child theme. I will be posting a new thread regarding this issue.
October 19, 2016 at 1:48 am #1221894

Lely
Moderator

Hi There,

Glad you were able to figure this out.
We will answer you regarding meta tag issue on the new thread for this one to remain relevant to it’s title.

Cheers!
Author

Posts

<script> jQuery(function($){ $("#no-reply-1218420 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>