Display Image Excerpts in Pages

  • thajekku

    #269

    I am trying to display images next to the excerpts in my pages like this – http://marvelousmommy.com/category/giveaway/ I got it working with a plugin called “Thumbnail for Excerpts” however it made the images in the slider show up twice!

    So (in functions.php) I removed <?php the_excerpt(); ?> from

    <div class=”slider_post_entry”>

    <?php the_excerpt(); ?>

    “><?php _e(‘View full post’, ‘graphene’); ?>

    <?php do_action(‘graphene_slider_postentry’); ?>

    </div>

    and it worked however it also removed the text excerpt so I’m left with only the image, the title, and the ‘view full post’ button.

    Could you tell me the best way to go about displaying images in the pages excerpts without affecting the slider?? Should I remove the plugin and replace the code or should I keep the plugin and alter the CSS class to display: none on the slider??

    I appreciate your time and help! Thanks so much!

    Amy @ Marvelous Mommy

    http://www.marvelousmommy.com

    monitalk

    #11774

    Hi Amy:

    I hope that you get feedback soon. I am trying to resolve the very same issue.

    Monique

    Admin

    Syahir Hakim

    #11775

    The easiest way is to just hide the second image in the slider using CSS:

    .slider_post img.tfe{
    display:none;
    }

    monitalk

    #11776

    Hi Syahir:

    Exactly where should I post: .slider_post img.tfe{

    display:none;

    }

    Monique

    Admin

    Syahir Hakim

    #11777

    If you have a child theme, put it in your child theme’s style.css file.

    Otherwise, use the WordPress theme editor to edit the theme’s style.css and put it at the bottom of that file. Note though if you use this way, the change would be lost the next time you update the theme.

    monitalk

    #11778

    That did not work. I a still getting double images in the slider.

    Admin

    Syahir Hakim

    #11779

    Please provide the URL to your site so that I can take a look.

    monitalk

    #11780

    Hi Syahir

    This is my site: http://www.bestmoneytalk.com/

    However, now I can’t get back my first image and lost the slider.

    monitalk

    #11781

    The slider came back, but I still don’t have the first image. Also, now my excerpt images are missing. I am trying to get them back.

    monitalk

    #11782

    What is your best suggestion for adding pictures next to the excerpts on the home page?

    Admin

    Syahir Hakim

    #11783

    Try this instead:

    .slider_post img.excerpt_thumb{
    display:none;
    }

    For me, the best way to add excerpt image is to use the theme’s graphene_before_post_content action hook, though this may be difficult for you to achieve if you’re not familiar with PHP.

    monitalk

    #11784

    Hi Syahir

    Thanks for your response. I just added the above code to the child’s theme. So far, no dice. I’m going to let it roll a while. The program may just need to synch up.

    Monique

    Admin

    Syahir Hakim

    #11785

    Make sure you activate your child theme in the WordPress admin.

    Admin

    Syahir Hakim

    #11786

    I noticed that there’s an extra } in your child theme’s style.css file before the .slider_post img.excerpt_thumb{ line. Try removing it.

    monitalk

    #11787

    Alright, you’re a genius. It worked!

    Thanks,

    Monique

Viewing 15 posts - 1 through 15 (of 30 total)

You must be logged in to reply to this topic.