Blog Category page - header image

Home Forums Jevelin Theme Blog Category page – header image

Home Forums Jevelin Theme Blog Category page – header image

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    RESOLVED Posts
  • 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 🙂

Viewing 10 posts - 1 through 10 (of 10 total)