Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1114558
    rmcgregor86
    Participant

    Hi there –

    I am in the process of setting up and formatting my blog page. I am happy with the masonry layout and I like the image displayed with the preview… however, is there a way to have the feature image set so that it appears in preview/archive, but does not appear in the actual blog post? Essentially I do not like where the feature image is placed in the blog post. Is there some kind of code I can use to “hide” this image?

    Secondly, is there a way to edit the information that is contained under the blog title in the preview/archive? Currently, displayed is author name / date / category. Is there somewhere that I can make amendments or not include some of this information?

    I will include site and login details in a private message below.

    Thanking you,
    Rebecca

    #1114561
    rmcgregor86
    Participant
    This reply has been marked as private.
    #1115006
    Paul R
    Moderator

    Hi,

    Thanks for writing in!

    1. To Hide the featured image in your posts.

    You can add this under Custom > Edit Global CSS in the Customizer.

    
    .single-post .entry-featured {
         display:none;
    }
    

    2. I need to know first which stack you are using to be able to provide a code.

    The login you provided doesn’t seem to work.

    May I also know what info you want under your blog title.

    Thanks

    #1115044
    rmcgregor86
    Participant

    Thanks for getting back to me so quickly.

    The code you supplied works a treat – thank you.

    Re: my second question –

    Stack is Integrity

    Apologies for the error with the login – the password is lowercase, not uppercase as I provided.

    I’m looking to change the information under the blog title to simply the date. No author. No categories.

    Thanking you again.

    #1115219
    Thai
    Moderator

    Hi There,

    Please add this CSS also:

    .p-meta>span:nth-child(1),
    .p-meta>span:nth-child(3),
    .p-meta>span:after {
        display: none;
    }

    Hope it helps 🙂

    #1115221
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> CSS :

    p.p-meta span:nth-child(1), p.p-meta span:nth-child(3), p.p-meta span:nth-child(2):after {
        display: none;
    }

    Hope that helps.

    #1116420
    rmcgregor86
    Participant

    It certainly does. Thank you.

    #1116693
    Prasant Rai
    Moderator

    You are most welcome. 🙂

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