Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #192895

    yifanzhou
    Participant

    Hi,

    I am using the X-theme version 3.0.1 on tinamodeling.com with shortcode v 2.5.2. Simply too busy to try the new versions yet.

    My problem is with featured images showing up in single posts. I don’t want them there.

    After searching around I found a topic relating to this but applying the same php code doesn’t remove the featured images.
    https://theme.co/x/member/forums/topic/one-page-navigation-remove-featured-image-on-blog-post-and-more/

    Can you give me an idea?

    Thanks.
    Ivan

    #192964

    yifanzhou
    Participant

    And also, how do you disable the words “The Blog” and the navigation path shown at the top of the blog and each single post. http://i.imgur.com/hjni95x.jpg It really breaks the website’s styling.

    Thanks.

    #193429

    John Ezra
    Member

    Hi There,

    Thanks for writing in. Depending on how you want to remove the featured images, the process differs. Removing them as in actually removing it from the code takes template changes in all post related items so it maybe quite lengthy. An easier way is just to hide them on all blog single posts. You can do this through CSS.

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

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

    Regarding the title “The Blog” you can remove this in the Customizer. Appearance > Customize > Renew > Blog Options > Blog Title > “Make it Blank”

    Hope this helps!

    #193471

    yifanzhou
    Participant

    Hi,

    That CSS code did it! Thanks.

    “The Blog” is gone, yes, but I still see the directory path to the right (“home” > Events > Tina….). Can this be turned off? It’s only showing on these post pages.

    Thanks.
    Ivan

    #194095

    Christian
    Moderator

    Hey Ivan,

    You can disable breadcrumbs in Appearance > Customize > Header.

    Hope that helps. 🙂

    #194415

    yifanzhou
    Participant

    Great! That took care of it.

    Where in the world can I define or change the Featured Image sizes in blog view? Every picture is enlarged to the width of the screen.

    And also what can I do to get rid of that now empty space where The Blog and breadcrumbs used to be? It’s taking much real estate and makes things look funny.

    Thanks for the continued support!

    Ivan

    #195084

    Paul R
    Moderator

    Hi Ivan,

    You can reduce the size of the featured image using css codes.

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

    
    .blog .x-header-landmark {
        display:none;
    }
    
    .blog .entry-featured {
        width: 50%;
        margin:0 auto;
    }
    

    Replace 50% to achieve your desired size for the featured image.

    Hope that helps.

    #332941

    E
    Participant

    How do you hide the featured images from the top of pages?

    #332957

    Rue Nel
    Moderator

    Hey @eel,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thank you.

    #738330

    LisaChristen2
    Participant

    Hello, I don’t seem to be able to use the CSS above to hide the featured blog post images on each individual page (though I want it to still appear on the archive pages) while at the same time using the CSS to hide tags from displaying on the archive pages while still appearing on the post.

    http://www.happilyinbalance.com/blog/

    Here’s the CSS:
    .page .entry-featured {
    display: none;
    }

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

    .x-integrity .post .entry-footer {
    display: absolute;
    top: -99999em;
    visibility: hidden;

    }
    .blog footer.entry-footer.cf {
    display:none;

    Thanks!

    #738348

    Friech
    Moderator

    Hi There,

    Thanks for writing in! The code below works for your site. It hides the featured images on individual posts page, but not on archive and blog index page.

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


    screenshot

    Are you referring to those images that is part of your content? Please clarify.

    Thanks!