Home › Forums › Calendar Products › Events Calendar PRO › Feature Event
- This topic has 8 replies, 2 voices, and was last updated 5 years, 11 months ago by cpetrie.
-
AuthorPosts
-
April 20, 2018 at 9:04 pm #1512771cpetrieParticipant
If I check – Feature Event under event options what happens is that my image when I display it as a list is huge (see screenshot below). How do I change the image size so that it is the same as other non-feature events in the list?
April 23, 2018 at 9:01 am #1513876SkyKeymasterHi there!
One of the “features” of “featured” events is that it shows the image full size. If you’d like to change this behavior, you can create a custom template for the featured events in list view.
To do that, you would copy the file from the-events-calendar/src/views/list/single-featured.php into [your-theme]/tribe-events/list/single-featured.php.
You can read more about customizing events templates in our Themer’s Guide.
To get you pointed in the right direction, you can change the image size by editing line 25 to
echo tribe_event_featured_image( null, 'medium' );
You still may need to add some CSS or change the order of the markup to get exactly what you want. You can look at the file for the default view to see how that is done there, at the-events-calendar/src/views/list/single-event.php.
Hope that helps! Let me know if you have any other questions.
Thanks,
SkyApril 24, 2018 at 8:45 am #1514764cpetrieParticipantHi Sky – thanks for pointing me in right direction. Unfortunately still having the same problem. See below that I copied file and made necessary changes. Image is still showing up huge as you can see on this page – http://jennyalignedyoga.flywheelsites.com/retreats/. I would like it to be small and to the left, just like it is on the next item on the list.
April 25, 2018 at 7:48 am #1515812SkyKeymasterHi again,
The image is loading a smaller image, but the CSS is stretching it to fill the space. You would need to also create some CSS to set the max-width of the image. I played around with this a bit to see if there was an easy solution, but the featured template is really designed around a different content order, etc.
You will have better luck replacing the featured template with the regular list template. I tried this, but there is still some CSS customization that would need to happen.
Unfortunately, this level of customization is beyond the scope of what I can help with here in the support forums.
But I would suggest starting with copying single-event.php and saving it as [your-theme]/tribe-events/list/single-featured.php. Then float the image left with a right and bottom margin, and set a width on it.
.tribe-event-featured .tribe-events-event-image {
float: left;
margin: 0 3% 0 0;
width: 30%;
}
Hope that helps!
Thanks,
SkyApril 25, 2018 at 9:05 am #1515920cpetrieParticipantHi Sky – tried that. It broke the page. For example when I went to this page http://jennyalignedyoga.flywheelsites.com/workshops/ it would just hang and then when it did finally display I lost everything else on the page and the list was all jumbled.
Was not sure if I understood correctly so I tried both copying single-event.php into [your-theme]/tribe-events/list/ and copying single-event.php and saving it as [your-theme]/tribe-events/list/single-featured.php.
Had same problem with both – loosing all other content on my page and loosing styling and causing the page to load for a long time before displaying content.
Grrrr.
April 25, 2018 at 11:33 am #1516130cpetrieParticipantI have The Events Calendar PRO. Does that make a difference? Do the files need to be copied into [your-theme]/tribe-events/pro/list/single-featured.php.
April 25, 2018 at 12:10 pm #1516212cpetrieParticipantI have spent hours on this. And gotten nowhere.
All I want to do is to show the featured items in the list the same way the non-featured items are shown.
April 25, 2018 at 2:13 pm #1516350cpetrieParticipantI found someone to help with this so all set. Pls. close.
April 26, 2018 at 5:34 am #1516691SkyKeymasterGreat! Glad you got some help.
Let us know if you have any other questions or issues in the future.
Thanks,
SkyMay 18, 2018 at 9:35 am #1533883Support DroidKeymasterHey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.
Thanks so much!
The Events Calendar Support Team -
AuthorPosts
- The topic ‘Feature Event’ is closed to new replies.