Home › Forums › Jevelin Theme › Blog Category page – header image
Home › Forums › Jevelin Theme › Blog Category page – header image
Hello shufflehound team,
Is it possible to add different header images on different blog category pages without using code?
Thank you in advance,
Ivan
Hi Ivan,
I hope you are well today and thank you for your question.
To achieve this, you have to develop custom code in the child theme of Jevelin theme.
Developing custom code for custom functionality is beyond the scope of support that we provide here. Please see https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support
If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5
Best regards,
Shufflehound team
Hi there,
Could I achieve this by just adding to custom code css in jevelin theme settings this code and repeat it for every other blog category page:
.tax-product_cat.category-name .sh-titlebar {
background-image: url(//image-file-link);
}
.archive.tax-product_cat .sh-titlebar .sh-table {
padding: 160px 0;
}
Yes you can achieve it developing custom code.
I tried to insert it into the custom css code section in the jevelin theme settings but it didn’t work. Do you maybe have an idea? I have read this post and there they said it should work.
https://support.shufflehound.com/forums/topic/blog-look-a-like-shop-titlebar-picture/
I probably did something wrong. I hope you can help me out somehow.
Thank you in advance,
Ivan
.tax-product_cat.fertilitet .sh-titlebar {
background-image: url(//https://clps.hr/wp-content/uploads/2018/07/f1995251-eb29-4aad-94f0-5f7f69d60076.jpg);
}
.archive.tax-product_cat .sh-titlebar .sh-table {
padding: 160px 0;
}
You have to change fertilitet in the code to your product category slug.
If you don’t know it then could you please share me the page URL from your site where it is displaying so that I can help you to achieve it?
Sorry for not responding. The page url is https://clps.hr/category/demografska-istrazivanja/fertilitet/ On this site i want the image. I have other categories too. But here i want this image.
Thanks in advance,
Ivan
Solution for this topic
To achieve it please change above shared CSS code as following.
.category-fertilitet .sh-titlebar { background-image: url("https://clps.hr/wp-content/uploads/2018/07/f1995251-eb29-4aad-94f0-5f7f69d60076.jpg"); } .category-fertilitet .sh-titlebar .sh-table { padding: 60px 0; }
Thank you very much!
You are most welcome here 🙂