Featured Image on Posts Page or Blog

  • Author
    Posts
  • #162296

    beestanton
    Member
    Original poster

    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.