Duplicate Featured Image

[cesua]

Hi,
I just purchased your Pro version and I’m having a bit of trouble with the Featured image when creating a new event.
I added an image that I can place to the left of text in the post area, and then I can add a featured image, but the problem is that when doing that, the featured image is displayed on top of my post and accompanying image. Therefore, I now see two images.
If I get rid of the image I placed in the post area and only use the Featured image, the Image is displayed above the text as opposed to next and to the left of the text like I would like.
How can I fix either one of these issues?

thanks.

[Barry]

Hi!

It sounds like a CSS issue, however you don’t seem to have provided a URL where we can see the issue (and as CSS varies massively according to what theme and other plugins you are using, I wouldn’t like to offer a blind guess here).

Thanks!

[cesua]

Hi,
Thanks for the response!
Yeah, I couldn’t include a URL because I’m building my site ocally using MAMP before I make it live.
Not sure if this helps, but I’m using the X theme from themco (http://theme.co). Knowing that, would you be able to tell me what to modify in the CSS, or simply tell me what CSS file to edit.

I would GREATLY appreciate your help!

[Barry]

I’m afraid not – I’m not familiar with that them 🙁

If you can put up a test site where we can see this we’ll be happy to take another look, otherwise unless we’ve got a common point of reference (such as if you find the problem also occurs with a default theme like Twenty Thirteen) I don’t think we’re going to be able to offer much here.

[cesua]

I understand. How about this, since the featured image appears in the post area, could you tell me how to make sure it at least appears to the left of any text I input? That way the image can be side by side with the text, which is what I’d like.

[Barry]

Sure – so the basis of such a change would be overriding the single-event.php template (basically, placing a copy in your theme at {your_theme}/tribe-events/single-event.php which you can then safely change and customize – but see the Themer’s Guide for complete details).

Within that, find:

<!-- Event featured image -->
<?php echo tribe_event_featured_image(); ?>

Delete it/move it so it appears right above the_content() – so you basically end up with a block of code like this:

<!-- Event content -->
<?php do_action( 'tribe_events_single_event_before_the_content' ) ?>
<div class="tribe-events-single-event-description tribe-events-content entry-content description">
	<!-- Event featured image -->
	<?php echo tribe_event_featured_image(); ?>
	<?php the_content(); ?>
</div><!-- .tribe-events-single-event-description -->
<?php do_action( 'tribe_events_single_event_after_the_content' ) ?>

Now you will need to reduce its size and make sure it sits nicely with the text. There are quite a few ways you might go about this – but for the sake of easiness you might simply add a custom tribe-events.css stylesheet (this would live at {your_theme}/tribe-events/tribe-events.css) and add this rule:

.tribe-events-event-image { 
    float: left; 
    padding-bottom: 10px;
    padding-right: 10px;
    width: 30%; 
}

The end result (with Twenty Thirteen) ought to look something like this:

I hope that helps!

[cesua]

I’m going to try this and see if I can get it right.

Thanks so much!

[Barry]

Our pleasure 🙂

I’ll go ahead and close this thread – but of course if we can help with anything else please don’t hesitate to create a new thread (or threads) as needed.

…And, if you have a moment, we’re always interested in hearing what our users think about The Events Calendar and how their experience has been – so if you wished to leave a review that would be fantastic.

Thanks again!

[Author]

Posts