Display featured image at top of posts (CSS)

  • Author
    Posts
  • #1955601

    kyoycz
    Member

    Hello everyone, I’m back again with another question on CSS customization.

    What I’m aiming to do now is display a post’s featured image on the full post page, in the same manner as the home screen. To further clarify, this is what it currently looks like, but this is what I want it to look like. This shouldn’t affect the home page at all, just the post pages.

    The closest advice I found to what I want was “You have to insert them in the post like a regular image. Inuit Types works the same way. You have to BOTH insert them like a regular image AND set them as the featured image.” Unfortunately, this didn’t seem to work.

    So, is there a way to do this via CSS?

    Thank you for your help!

    The blog I need help with is thegarbagemanreviews.wordpress.com.

    #1955780

    sugardazzle
    Member

    I haven’t been able to figure out how to do it with CSS alone.

    You can request theme customization for a fee and send them the fix below.

    Ask them to create a child theme for the ‘festive’ theme for the content-single.php file and the below line change.

    I saw that on this page: en.support.wordpress.com/custom-design/ (search for Request Theme Customization)

    in content-single.php

    Change this line:
    
    <?php if ( '' != get_the_post_thumbnail() && 'image' == $format ) : ?>
    
    to this:
    
    <?php if ( '' != get_the_post_thumbnail() ) : ?>
    
    by removing this bit:
    
     && 'image' == $format )
    #1955855

    Hi @sugardazzle, the site @kyoycz is talking about is hosted here at WordPress.com and here we cannot edit the theme files or create child themes, only the CSS if we have the Custom Design upgrade. The Custom Design upgrade cannot be used to add functionality such as this though.

    You can review our support page on the differences between WordPress.com and WordPress.org (self-hosted) sites.

    #1955857

    @kyoycz, the HTML for the featured post display is not in the theme files for single post pages, so there isn’t a way to change that with CSS alone.

    #1955859

    @sugardazzle, I forgot to say thanks for your help in the forums here. It is greatly appreciated. :)

    #1955860

    kyoycz
    Member

    Alright, thanks for the help!

    #1955863

    sugardazzle
    Member

    Sorry for the misunderstanding! I misinterpreted the ‘Request Theme Customization’ section. I thought it went beyond CSS and let developers tweak the theme layout for an additional price. My bad!

    Request Theme Customization
    Want to really dig into customizing your WordPress.com theme but don’t want to take the time to learn CSS? You can hire qualified developers to tweak your WordPress.com theme. We are partnered with Elto, a WordPress.com customization service where you can pay theme customizers to assist you. Prices start at $39. Get a free quote.
    #1955871

    @sugardazzle, thanks for bringing that to our attention. I’ll take a look at that and see if it needs some rewording to make it more clear.

    @kyoycz, you are welcome and sorry I didn’t have a way to do what you wanted to do using CSS.

    #1955900

    @sugardazzle, I have reworded the Custom Design support page to make this a little more clear. Many thanks for mentioning it. :)

The topic ‘Display featured image at top of posts (CSS)’ is closed to new replies.