|
Elizabeth
|
July 11, 2016 at 9:53 am
Hi there,
I recently upgraded to EE4 and now my Event List where I show all my workshops in a row, no longer display a thumbnail image underneath my event title for each event. See my list here: http://www.livingartsschool.com/workshops/
I have attempted to set a featured image within each event, but what ends up displaying is a huge image above the event title on the workshop (list) page, which just looks super awkward. I really liked that I had thumbnail images just to the left of the event description and beneath the title in the event list before…
Can you advise me on how to repair this?
Thanks!
|
|
Josh
|
July 11, 2016 at 11:18 am
What you do is change the WordPress theme so that featured images are displayed to the left of the post content, beneath the post title.
|
|
Elizabeth
|
July 11, 2016 at 12:17 pm
Okay, sorry to be a neophite, but can you direct me to where in my dashboard I would attempt to do something like that? I have attempted to add the following code into My Custom CSS plugin, but nothing seems to change:
article.post.post-with-thumbnail-icon .entry-thumbnail img, article.page.post-with-thumbnail-icon .entry-thumbnail img {
display: none;
}
article.post.post-with-thumbnail-icon .entry-main, article.page.post-with-thumbnail-icon .entry-main {
width: 100%;
float: left;
}
|
|
Josh
|
July 11, 2016 at 1:40 pm
Is there a page on your site that shows where the thumbnail images appear right now where we could take a look?
|
|
Elizabeth
|
July 20, 2016 at 3:31 pm
You can see what happens when I set a featured image-this giant image shows up on the workshop page:
http://www.livingartsschool.com/workshops/food-arts/
|
|
Josh
|
July 20, 2016 at 3:53 pm
One solution is to upload a smaller sized image for the featured image. Alternatively, you can add some CSS like the following to your custom stylesheet to make the image display smaller:
.ee-event-img-dv {width: 200px; height: 134px;}
.ee-event-img {width: 100%; height: auto;}
|
|
Elizabeth
|
July 21, 2016 at 12:59 pm
Ok, thanks. That code helped shrink the image, and I was able to make it even smaller. Unfortunately the placement on the page feels really awkward, and I would love to see it below the workshop title and just to the left of the event date and time. Do you have a piece of code to do that, by any chance?
|
|
Josh
|
July 21, 2016 at 1:16 pm
No I’m afraid that CSS isn’t really well suited to moving elements in the page around. The image can be moved to display between the title and the date time, but that’s something that will involve editing template files.
|
