Okay
  Public Ticket #3640203
Hide featured image on main blog page
Closed

Comments

  •  1
    cgirwin started the conversation

    Hi there,

    Due to the text used in the posts' featured images, I would like to hide the background featured image for the 4 blog posts at the top of this page and put one static image behind the section. The module used is Recent Posts, Multiple Large Featured. I assume if I can hide the featured image then I can put a static image in the row or column background.

    Also, is there a way to hide the title for the second row of posts, the Masonry Blog?

    Thanks in advance!

    Cari

  •  2,958
    Andrew replied

    Hi Cari,

    Thank you for getting back to us.

    Could you please share a screenshot of what you'd want the layout of the page to look like so we can advise?

    1. You can change the layout of the archive header in the Salient > Blog > Archive Header. 

    As to remove the blog header page for this specific archive page, you will have to use CSS to add a static background image. Add this into the Custom CSS box in your Salient Theme Options panel:

    body.page-id-8525 .parallax_section .nectar-recent-post-slide .nectar-recent-post-bg {
      background-image: url(https://haasalumniforums.com/wp-content/uploads/2023/07/BuildingLongTermBusinessRelationship.png)!important;
    }
    

    Change the URL and add one that you want. Try this and let us know how it goes.

    2. Unfortunately, we currently don't have a way to remove the titles based on rows. This would require some extensive customization which I'm afraid we are not able to offer due to support scope limitations. 

    However, we are partnered with a trusted provider of expert-level Salient customization. If you are interested in initiating a project, we recommend referring to our guide at the following link: https://themenectar.com/salient/customization/

    I hope that info helps.

    Best Regards,

  •  1
    cgirwin replied

    Thank you so much, Andrew. The image CSS worked perfectly. Is there a way to hide the category for these posts? This essentially looks the way I want it to right now except for the category.

    Regarding hiding the post titles in the secondary rows, they would be displayed using a different format. Is there a CSS trick to hide the titles for all posts in this format: Masonry Blog no sidebar Material Style?

    Thank you so much!

    Cari

  •  2,958
    Andrew replied

    Hi Cari,

    Thank you for getting back to us.

    Could you please share a screenshot of what you would want this to look so we can advise? I can't see the categories as they are already hidden. Here's a screenshot of the same.

    2965200289.png

    As for the titles on the second row, I'm not sure I understand what you want to achieve here. You can share a screenshot of this so we can further advise. In the meantime, try adding this CSS to hide the post titles on this page and let us know if this works for you.

    .page-id-8525 .article-content-wrap .post-header {
      display: none;
    }
    

    Try this and let us know how it goes on your end.

    Best regards,

  •  1
    cgirwin replied

    Thank you, Andrew. Please see the screenshot—I'm trying to hide the elements with red boxes around them. I want to hide the titles in the secondary posts because the client wants the headlines in the images, so it's odd to have them twice.


    Best,

    Cari

    Attached files:  Screenshot 2024-05-05 at 11.28.12 AM.png

  •  1
    cgirwin replied

    To add one more thing: I was hoping to hide titles on the masonry posts only. But s there CSS code specified to masonry only?


    thanks

  •  2,958
    Andrew replied

    Hi Cari,

    Thank you for getting back to us and for the clarification.

    Add this into the Custom CSS box in your Salient Theme Options panel:

    /*Remove linkedin articles category*/
    .nectar-recent-posts-single_featured .grav-wrap .text a.linkedin-articles, 
    .nectar-recent-posts-single_featured .grav-wrap span:nth-child(2) {
      display: none;
    }
    /*Remove title from masonry blog*/
    .masonry.material .article-content-wrap .post-header {
      display: none;
    }
    

    Try this and let us know how it goes.

    Thanks,

  •  1
    cgirwin replied

    This worked perfectly. Thank you so much!!

  •  1,875
    Judith replied

    Hello Cari,

    I'm happy that we could assist you! If you haven't already, please consider sharing your experience by leaving a review on ThemeForest

    Your feedback is valuable to us and greatly appreciated!

     Should you have any further questions or encounter any issues, please don't hesitate to reach out.

    Best regards,