add image to category header

Homepage Forums Travel Log add image to category header

Tagged: 

This topic contains 16 replies, has 2 voices, and was last updated by  Support Team 1 year, 1 month ago.

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #5647

    tarveldom
    Participant

    hello,
    on my site I have created a category, slug for it is sri-lanka & I have used below code in additional css section to show header image in catgeory page.

    .category-sri lanka .custom-header {
    background-image: url(http://mogofy.com/wp-content/uploads/2018/03/srilanka-tourism.jpg);
    }

    But the mentioned image is not appearing on category.

    Please help me out.

    #5700

    Support Team
    Keymaster

    Hello @tarveldom,

    First of all our sincere apology for the delay in replying to you.

    Can you post your site URL so that we can look into the issue and help you.

    Thank you 🙂 .

    Best Regards!!

    #5701

    tarveldom
    Participant

    Hi,
    my site is on mogofy.com

    #5702

    Support Team
    Keymaster

    Hello @tarveldom,

    When we inspected your site, we found that you do not have any post associated to that category so the class that you have used in the CSS is not available in that category page.

    So to resolve the issue create the post and assign it to the category Srilanka and publish and use the same CSS that you have posted.

    Hope this helps.

    Best Regards!!

    Have a good day 🙂 .

    #5705

    tarveldom
    Participant

    Added a post to category srilanka, but the top category image is still not appearing.

    #5712

    Support Team
    Keymaster

    Hello @tarveldom,

    When we tried to inspect your issue from the site URL you have posted, we were unable to access your site as your site seems to be broken.

    So please let us know after you fix the issue for further inspection.

    Thank you.

    Best Regards!!

    #5716

    tarveldom
    Participant

    Apologies for multiple issues.

    Site is working fine now. please check.

    #5717

    Support Team
    Keymaster

    Hello @tarveldom,

    When we inspected your site URL, we found that you have not added the CSS to display the background image in the header.

    So please add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

    .category-sri-lanka .custom-header {
        background-image: url(http://mogofy.com/wp-content/uploads/2018/03/srilanka-tourism.jpg);
    }

    Hope this helps.

    Best Regards!!

    #5720

    tarveldom
    Participant

    it’s working. thanks.

    Also couple of queries.

    – Is there a way to remove the word category from the title of sri lanka category page?
    – how to change the navigation button color change?
    – how can i change color of the mouse over on grids on home page
    – how to change red color from widgets title and the arrows > under widget
    – how can i remove the featured image from top of the post but still have it on header

    Appreciate your help.

    #5728

    Support Team
    Keymaster

    Hello @tarveldom,

    We are very glad that your previous issues are solved.

    Now all of your queries have been answered below:

    – Is there a way to remove the word category from the title of sri lanka category page?

    Ans: This comes from the WordPress core function. However, to remove this you have to activate the child theme.

    You can create the child theme manually or simply create the child theme using the plugin given below:
    https://wordpress.org/plugins/wp-child-theme-generator/

    After activating the child theme in your child theme functions.php file add below-given code:

    https://gist.github.com/Steeru/3a89a2ca3b6f8f6a1dd7bf65f3b811ec

    – how to change the navigation button color change?

    Ans: To change the navigation button color use below given CSS.

    .main-navigation ul li.menu-btn a {
        background: #de0082;
    }

    – how can i change color of the mouse over on grids on home page

    Ans: For this use below given CSS.

    .post-item-wrapper .post-content h4:hover, .post-item-wrapper .post-content .read-more-link:hover {
        color: #ff7200;
        
    }

    – how to change red color from widgets title and the arrows > under widget

    Ans: For this use below given CSS.

    .widget .widget-title {
        border-left: 3px solid #3131f8;
       }
    
    .widget.widget_archive ul li:before, .widget.widget_categories ul li:before, .widget.widget_meta ul li:before, .widget.widget_nav_menu ul li:before, .widget.widget_pages ul li:before, .widget.widget_recent_comments ul li:before, .widget.widget_recent_entries ul li:before, .widget.widget_rss ul li:before, .widget.widget_text ul li:before {
        color: #3131f8;  
    }

    – how can i remove the featured image from top of the post but still have it on header

    Ans: For this use below given CSS.

    .single img.attachment-full.size-full.wp-post-image {
        display: none;
    }

    You can change the color code as per your requirement.

    Hope this helps.

    Best Regards!!

    Have a good day 🙂 .

    #5731

    tarveldom
    Participant

    Great!!! Thanks Very much.

    #5732

    Support Team
    Keymaster

    Hello @tarveldom,

    Glad we could help.

    If you have any issues further please let us know.

    We would really appreciate if you could help us by rating our plugin by following the link given below:

    https://wordpress.org/support/plugin/wp-travel/reviews/

    Thank you 🙂 .

    Best Regards!!

    #5733

    tarveldom
    Participant

    Surely would do that.

    #5734

    tarveldom
    Participant

    a few more things.

    – how to remove the “Posted in Kuwait, Restaurants in KuwaitTagged kuwait, kuwait food” from below the posts http://mogofy.com/kuwait/best-italian-restaurants-in-kuwait

    & the Next & Previous thing below that and Comment section below that

    – How to show related posts grid below that, or should we use any plugin for that.
    – Could the loader color be changed

    • This reply was modified 1 year, 1 month ago by  tarveldom.
    #5747

    Support Team
    Keymaster

    Hello @tarveldom,

    To remove the entry footer content use below given CSS.

    .single footer.entry-footer {
        display: none;
    }

    To remove the navigation and comment section use below given CSS.

    .single nav.navigation.post-navigation {
        display: none;
    }
    
    .single div#comments {
        display: none;
    }

    To change the color of the loader use below given CSS.

    @keyframes bounce_fountainG{
     0%{
     transform:scale(1);
     background-color: #2808ec;
     }
    
     100%{
     transform:scale(.3);
       background-color:rgb(255,255,255);
     }
    }
    
    .fountainG {
       background: #333;
    }

    Change the color code as per your requirement.

    As for the query related to related posts section, Currently there is no feature in the theme to show the related post.

    Hope this helps.

    Best Regards!!

Viewing 15 posts - 1 through 15 (of 17 total)

You must be logged in to reply to this topic.