Featured Image on Posts Page or Blog

  • Author
    Posts
  • #162296

    beestanton
    Member

    Hi there

    I have a featured image set for my Posts Page/Blog but it is not appearing when I visit the blog. Help?

    My blog link is https://beestanton.com/journal/

    The blog I need help with is beestanton.com.

    #162299

    tarasdashkevych
    Theme Author

    Hello,

    By default, archive views, including the blog page, do not display the page header image due to some technical aspects.

    However, you can use the custom CSS below to set a custom page header image on your blog page:

    
    /* Blog page: display the header image */
    .blog .site-content::before {
      background-image: url(https://beestanton.com/wp-content/uploads/2020/03/681769fb-baff-43fd-925e-407e74d2db98.jpg);
      content: "";
      display: block;
      width: 100%;
      height: 30vh;
      box-shadow: inset 0 0 0 400px rgba(0,0,0,0.4);
    }
    
    .blog .site-content > #default-view {
      padding-top: 0 !important;
    }
    
    .blog #masthead:not(.scroll-header) {
      background-color: transparent;
      border-bottom: none;
      color: #ffffff;
    }
    

    Replaces background-image with the URL of your image.

    Hope this helps. Please let me know if you have any additional questions.

    Kind regards,
    Taras

The topic ‘Featured Image on Posts Page or Blog’ is closed to new replies.