• Resolved Rambone

    (@rambone)


    Hi all,
    i can’t figure out how to show the featured image of a page via custom css on the posts/blog page. I’d like to have a post page in the look of the normal edin page. The layout should be this: site description/logo – featured image with h1 – posts. Is this possible via custom css? Help would be appreciated.
    Cheers.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Could you provide a link to your site? Thanks.

    Good day Kathryn,

    I’m interested in accomplishing what Rambone posted, any chance you can provide some assistance? At the moment the blog/posts page looks a bit empty. This is my dev site: https://dev.everyonebelongs.ca/

    Thanks in advance!

    Hi speedy8 – something like this will add an image to the header of your blog page at wider resolutions:

    @media screen and (min-width: 1020px) { 
    
    .blog .site-header {
         background-image: url("https://your/path/to/header.jpg");
         background-position: center 120px;
         background-repeat: no-repeat;
         height: 360px;
    }
    
    }

    You’ll need to adjust the height and background position for your own image dimensions.

    Hi Kathryn, I had a few troubles moving my site so it took me a bit to come back. Thanks so much for the assistance, you rock and it worked like a charm! I’m loving WordPress!

    Have a great day!!

    Wonderful, glad that worked and thanks for letting me know!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Featured image on posts pages’ is closed to new replies.