HELP: How to remove Featured Image from top of post page?

17 replies
  • WEB DESIGN
  • |
Hi,

Can someone please tell me how to remove the featured image from the top of the posts? It looks terrible and you can see it here on this post:
Information Affiliate Website – Speed Website Design

The reason I NEED to selected the Featured Image on some of the posts is so the image will appear on the homepage when I go to: Appearance > Customize > Widgets > Homepage > Select: Athena Recent Articles widget.

P.S. I'm using the Athena theme with a child theme. They aren't answering at their WP support forum so I'm asking here.

Thanks :-)
#athena theme #featured #featured image #image #page #post #remove #top
  • Profile picture of the author simplesphere
    Going by the page you said and that it's the first row, use CSS to hide it :

    #athena-page-jumbotron {display: none;}
    {{ DiscussionBoard.errors[10721747].message }}
    • Profile picture of the author magentawave
      Originally Posted by simplesphere View Post

      Going by the page you said and that it's the first row, use CSS to hide it :

      #athena-page-jumbotron {display: none;}
      I tried pasting that code into the child theme Style.css and it kind of shoved the featured image and the content in the post together but didn't actually remove the featured image from the post as you can see here:
      Information Affiliate Website – Speed Website Design

      Can you please tell me exactly where I should put that code?

      Thank you very much.
      {{ DiscussionBoard.errors[10722437].message }}
  • Profile picture of the author Thinkfast
    I think you can edit your post and delete feature image from top down right side bar.

    If you want to use image then can past them in post body not with feature image section.
    Signature
    Reduce SEO Cost by Buy Credits Packages - Save Upto 50% SEO Budget.
    Guest Posting Sites List - 10k+ Sites Collection, No PBN , Multiple Niche Markets .
    {{ DiscussionBoard.errors[10721991].message }}
    • Profile picture of the author AnniePot
      Originally Posted by Thinkfast View Post

      I think you can edit your post and delete feature image from top down right side bar.

      If you want to use image then can past them in post body not with feature image section.
      You beat me to it Exactly what I was scrolling down to suggest. It's something I do all the time.
      {{ DiscussionBoard.errors[10722122].message }}
    • Profile picture of the author magentawave
      Originally Posted by Thinkfast View Post

      I think you can edit your post and delete feature image from top down right side bar.

      If you want to use image then can past them in post body not with feature image section.
      Thanks, but removing the Featured Image removes it from the front page like I said here before: "The reason I NEED to selected the Featured Image on some of the posts is so the image will appear on the homepage when I go to: Appearance > Customize > Widgets > Homepage > Select: Athena Recent Articles widget."
      {{ DiscussionBoard.errors[10722431].message }}
  • The image is placed at navigation bar, need to see the code. If you will provide the code or login details of your admin we can remove image manually. Please send me PM.
    {{ DiscussionBoard.errors[10733011].message }}
    • Profile picture of the author magentawave
      Originally Posted by sumit@247easysupport View Post

      The image is placed at navigation bar, need to see the code. If you will provide the code or login details of your admin we can remove image manually. Please send me PM.
      I was able to remove the Feature Image from appearing at the top of the posts like I wanted to but now the Featured Image selection is entirely missing from all Posts and Pages edit pages. That means I have no way of choosing a Featured Image at all and I need to be able to do that.

      To get the Featured Image option back on the Post and Page edit pages I tried deleting theAthena: content-single.php (template-parts/content-single.php) from the child theme and still no Featured Image option!

      Do you know how I can get the Featured Image option back?

      Here's ORIGINAL code from Athena: content-single.php (template-parts/content-single.php)

      Code:
      <?php
      /**
       * Template part for displaying single posts.
       *
       * @link https://codex.wordpress.org/Template_Hierarchy
       *
       * @package Athena
       */
      ?>
      
      <?php if (get_post_thumbnail_id()) : ?>
          <div id="athena-page-jumbotron" class="parallax-window" data-parallax="scroll" data-image-src="<?php echo wp_get_attachment_url(get_post_thumbnail_id()) ?>" >
      
              <header class="entry-header">
                  <?php the_title('<h1 class="entry-title">', '</h1>'); ?>
              </header><!-- .entry-header -->
      
          </div>
      <?php endif; ?>
      
      <div class="row">
          
          <?php get_sidebar('left'); ?>
          
          <div class="col-sm-<?php echo athena_main_width(); ?>">
      
              <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                  <header class="entry-header">
                      <?php the_title('<h1 class="entry-title">', '</h1>'); ?>
      
                      <div class="entry-meta">
                          <div class="meta-detail">
      
                              <div><span class="fa fa-calendar"></span> <?php echo athena_posted_on(); ?></div>
      
                              <div class="author"><?php echo get_the_author() ? '<span class="fa fa-user"></span> ' . get_the_author() : ' '; ?></div>
      
                              <div><?php echo get_comments_number() == 0 ? '<span class="fa fa-comment"></span> ' . __('No comments yet', 'athena') : get_comments_number() . ' Comments'; ?></div>
      
      
                          </div>
      
                      </div><!-- .entry-meta -->
      
                  </header><!-- .entry-header -->
      
                  <div class="entry-content">
                      <?php the_content(); ?>
                      <?php
                      wp_link_pages(array(
                          'before' => '<div class="page-links">' . esc_html__('Pages:', 'athena'),
                          'after' => '</div>',
                      ));
                      ?>
                  </div><!-- .entry-content -->
      
                  <footer class="entry-footer">
                      <?php athena_entry_footer(); ?>
                  </footer><!-- .entry-footer -->
      
                  <?php the_post_navigation(); ?>
      
                  <?php
                  // If comments are open or we have at least one comment, load up the comment template.
                  if (comments_open() || get_comments_number()) :
                      comments_template();
                  endif;
                  ?>
      
              </article><!-- #post-## -->
      
          </div>
          
          <?php get_sidebar(); ?>
      
      </div>
      ==================================================

      And here's the MODIFIED code I used in the Athena Child Theme from from Athena: content-single.php (template-parts/content-single.php). The second line of code was changed to DISPLAY NONE so Featured Image would not appear at top of the Posts.

      Code:
      <?php
      /**
       * Template part for displaying single posts.
       *
       * @link https://codex.wordpress.org/Template_Hierarchy
       *
       * @package Athena
       *
       * Second line of code was changed to DISPLAY NONE so Featured Image would not appear at top of Posts.
       */
      ?>
      
      <?php if (get_post_thumbnail_id()) : ?>
          <div style="display:none;" id="athena-page-jumbotron" <!--class="parallax-window" data-parallax="scroll" data-image-src="<?php //echo wp_get_attachment_url(get_post_thumbnail_id()) ?>"-->>
      
              <header class="entry-header">
                  <?php the_title('<h1 class="entry-title">', '</h1>'); ?>
              </header><!-- .entry-header -->
      
          </div>
      <?php endif; ?>
      
      <div class="row">
          
          <?php get_sidebar('left'); ?>
          
          <div class="col-sm-<?php echo athena_main_width(); ?>">
      
              <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                  <header class="entry-header">
                      <?php the_title('<h1 class="entry-title">', '</h1>'); ?>
      
                      <div class="entry-meta">
                          <div class="meta-detail">
      
                              <div><span class="fa fa-calendar"></span> <?php echo athena_posted_on(); ?></div>
      
                              <div class="author"><?php echo get_the_author() ? '<span class="fa fa-user"></span> ' . get_the_author() : ' '; ?></div>
      
                              <div><?php echo get_comments_number() == 0 ? '<span class="fa fa-comment"></span> ' . __('No comments yet', 'athena') : get_comments_number() . ' Comments'; ?></div>
      
      
                          </div>
      
                      </div><!-- .entry-meta -->
      
                  </header><!-- .entry-header -->
      
                  <div class="entry-content">
                      <?php the_content(); ?>
                      <?php
                      wp_link_pages(array(
                          'before' => '<div class="page-links">' . esc_html__('Pages:', 'athena'),
                          'after' => '</div>',
                      ));
                      ?>
                  </div><!-- .entry-content -->
      
                  <footer class="entry-footer">
                      <?php athena_entry_footer(); ?>
                  </footer><!-- .entry-footer -->
      
                  <?php the_post_navigation(); ?>
      
                  <?php
                  // If comments are open or we have at least one comment, load up the comment template.
                  if (comments_open() || get_comments_number()) :
                      comments_template();
                  endif;
                  ?>
      
              </article><!-- #post-## -->
      
          </div>
          
          <?php get_sidebar(); ?>
      
      </div>
      {{ DiscussionBoard.errors[10733198].message }}
      • Originally Posted by magentawave View Post

        I was able to remove the Feature Image from appearing at the top of the posts like I wanted to but now the Featured Image selection is entirely missing from all Posts and Pages edit pages. That means I have no way of choosing a Featured Image at all and I need to be able to do that.

        To get the Featured Image option back on the Post and Page edit pages I tried deleting theAthena: content-single.php (template-parts/content-single.php) from the child theme and still no Featured Image option!

        Do you know how I can get the Featured Image option back?

        Here's ORIGINAL code from Athena: content-single.php (template-parts/content-single.php)

        Code:
        <?php
        /**
         * Template part for displaying single posts.
         *
         * @link https://codex.wordpress.org/Template_Hierarchy
         *
         * @package Athena
         */
        ?>
        
        <?php if (get_post_thumbnail_id()) : ?>
            <div id="athena-page-jumbotron" class="parallax-window" data-parallax="scroll" data-image-src="<?php echo wp_get_attachment_url(get_post_thumbnail_id()) ?>" >
        
                <header class="entry-header">
                    <?php the_title('<h1 class="entry-title">', '</h1>'); ?>
                </header><!-- .entry-header -->
        
            </div>
        <?php endif; ?>
        
        <div class="row">
            
            <?php get_sidebar('left'); ?>
            
            <div class="col-sm-<?php echo athena_main_width(); ?>">
        
                <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                    <header class="entry-header">
                        <?php the_title('<h1 class="entry-title">', '</h1>'); ?>
        
                        <div class="entry-meta">
                            <div class="meta-detail">
        
                                <div><span class="fa fa-calendar"></span> <?php echo athena_posted_on(); ?></div>
        
                                <div class="author"><?php echo get_the_author() ? '<span class="fa fa-user"></span> ' . get_the_author() : ' '; ?></div>
        
                                <div><?php echo get_comments_number() == 0 ? '<span class="fa fa-comment"></span> ' . __('No comments yet', 'athena') : get_comments_number() . ' Comments'; ?></div>
        
        
                            </div>
        
                        </div><!-- .entry-meta -->
        
                    </header><!-- .entry-header -->
        
                    <div class="entry-content">
                        <?php the_content(); ?>
                        <?php
                        wp_link_pages(array(
                            'before' => '<div class="page-links">' . esc_html__('Pages:', 'athena'),
                            'after' => '</div>',
                        ));
                        ?>
                    </div><!-- .entry-content -->
        
                    <footer class="entry-footer">
                        <?php athena_entry_footer(); ?>
                    </footer><!-- .entry-footer -->
        
                    <?php the_post_navigation(); ?>
        
                    <?php
                    // If comments are open or we have at least one comment, load up the comment template.
                    if (comments_open() || get_comments_number()) :
                        comments_template();
                    endif;
                    ?>
        
                </article><!-- #post-## -->
        
            </div>
            
            <?php get_sidebar(); ?>
        
        </div>
        ==================================================

        And here's the MODIFIED code I used in the Athena Child Theme from from Athena: content-single.php (template-parts/content-single.php). The second line of code was changed to DISPLAY NONE so Featured Image would not appear at top of the Posts.

        Code:
        <?php
        /**
         * Template part for displaying single posts.
         *
         * @link https://codex.wordpress.org/Template_Hierarchy
         *
         * @package Athena
         *
         * Second line of code was changed to DISPLAY NONE so Featured Image would not appear at top of Posts.
         */
        ?>
        
        <?php if (get_post_thumbnail_id()) : ?>
            <div style="display:none;" id="athena-page-jumbotron" <!--class="parallax-window" data-parallax="scroll" data-image-src="<?php //echo wp_get_attachment_url(get_post_thumbnail_id()) ?>"-->>
        
                <header class="entry-header">
                    <?php the_title('<h1 class="entry-title">', '</h1>'); ?>
                </header><!-- .entry-header -->
        
            </div>
        <?php endif; ?>
        
        <div class="row">
            
            <?php get_sidebar('left'); ?>
            
            <div class="col-sm-<?php echo athena_main_width(); ?>">
        
                <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                    <header class="entry-header">
                        <?php the_title('<h1 class="entry-title">', '</h1>'); ?>
        
                        <div class="entry-meta">
                            <div class="meta-detail">
        
                                <div><span class="fa fa-calendar"></span> <?php echo athena_posted_on(); ?></div>
        
                                <div class="author"><?php echo get_the_author() ? '<span class="fa fa-user"></span> ' . get_the_author() : ' '; ?></div>
        
                                <div><?php echo get_comments_number() == 0 ? '<span class="fa fa-comment"></span> ' . __('No comments yet', 'athena') : get_comments_number() . ' Comments'; ?></div>
        
        
                            </div>
        
                        </div><!-- .entry-meta -->
        
                    </header><!-- .entry-header -->
        
                    <div class="entry-content">
                        <?php the_content(); ?>
                        <?php
                        wp_link_pages(array(
                            'before' => '<div class="page-links">' . esc_html__('Pages:', 'athena'),
                            'after' => '</div>',
                        ));
                        ?>
                    </div><!-- .entry-content -->
        
                    <footer class="entry-footer">
                        <?php athena_entry_footer(); ?>
                    </footer><!-- .entry-footer -->
        
                    <?php the_post_navigation(); ?>
        
                    <?php
                    // If comments are open or we have at least one comment, load up the comment template.
                    if (comments_open() || get_comments_number()) :
                        comments_template();
                    endif;
                    ?>
        
                </article><!-- #post-## -->
        
            </div>
            
            <?php get_sidebar(); ?>
        
        </div>

        Please try following points and let me know if it works:


        (1). If you cannot find the "set featured image" link make sure that it is enabled under screen options in the top right of the admin panel.

        (2) Remove comment sign "//" from following line of code:

        <div style="display:none;" id="athena-page-jumbotron" <!--class="parallax-window" data-parallax="scroll" data-image-src="<?php //echo wp_get_attachment_url(get_post_thumbnail_id()) ?>"-->> </div>
        {{ DiscussionBoard.errors[10733260].message }}
  • Profile picture of the author Nabaleka
    I have not used that theme but I do believe there is an option to disable featured image on single post, check theme options ===>> Blog or single blog. You might find it there. Good luck
    {{ DiscussionBoard.errors[10733052].message }}
    • Profile picture of the author magentawave
      Originally Posted by Nabaleka View Post

      I have not used that theme but I do believe there is an option to disable featured image on single post, check theme options ===>> Blog or single blog. You might find it there. Good luck
      Where is "theme options"?
      {{ DiscussionBoard.errors[10733201].message }}
  • Profile picture of the author magentawave
    1) There is no option to select Featured Image in the Screen Options. https://www.evernote.com/l/Ag6iC4Ifv...TqWIIJUK4xxZKM

    2) Maybe I missed something but the only difference I see between your code and the modified code I showed was that your code ended with </div>. I don't see anything in your code or mine that has *//* in it. I did add your code and that didn't change anything because until I can figure out how to get the option to select Featured Image back then I'm stuck.

    Thank you.
    {{ DiscussionBoard.errors[10733301].message }}
    • Originally Posted by magentawave View Post

      1) There is no option to select Featured Image in the Screen Options. https://www.evernote.com/l/Ag6iC4Ifv...TqWIIJUK4xxZKM

      2) Maybe I missed something but the only difference I see between your code and the modified code I showed was that your code ended with </div>. I don't see anything in your code or mine that has *//* in it. I did add your code and that didn't change anything because until I can figure out how to get the option to select Featured Image back then I'm stuck.

      Thank you.

      Put following inline css in <div class="main">

      style="background: rgb(255, 255, 255) url("http://www.pulsarwallpapers.com/data/media/3/Alien%20Ink%202560X1600%20Abstract%20Background.jp g") repeat scroll 0% 0%;"

      replace img url with desired image and set its height.
      {{ DiscussionBoard.errors[10733323].message }}
  • Profile picture of the author magentawave
    What is that code supposed to do? Any idea how I can get the Featured Image selection back?
    {{ DiscussionBoard.errors[10733326].message }}
  • Profile picture of the author magentawave
    Originally Posted by sumit@247easysupport View Post

    Can you please Ad this to your functions .php

    add_theme_support( 'post-thumbnails' );

    This will help you to get the Featured Image selection back.

    It Looks like you did some changes at your end and I can not help you until I review the admin panel.
    I added that code to functions .php in the child theme and it created a fatal error.

    Here is the original functions .php code. Could you add that to this, please?

    The forum isn't letting me add the code here at this time so I attached it instead...

    Thank you
    {{ DiscussionBoard.errors[10736998].message }}

Trending Topics