Featured Image on Posts Page or Blog

  • Author
  • #162296

    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


    Theme Author


    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,

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