Support

Home Forums Event Espresso Premium Template Changes Including Labels on Single Event Pages and event listings

Template Changes Including Labels on Single Event Pages and event listings

Posted: June 18, 2014 at 8:56 am


Jonathan Allsebrook

June 18, 2014 at 8:56 am

Hi I am trying to do a few things hopefully someone can help and sorry for all the questions!

I am using EE4.

I want to be able to display a list of upcomming events below the calendar (we are using the calendar addon) but the shortcode just displays as text not as a list of events?

How do I alter the Calendar Width (I can see where to do height but not width).

How do I put the location drop down and the category drop downs side by side?

I need to remove the labels on the single event page so remove Event Details Heading and the Ticket Options Label. (is there docummentation on all of the CSS somewhere as I can’t find it?)

List Of Courses in sidebar – Is it possible to add a list of course catagories to the left hand side bar of a theme?

Thanks everyone!


Josh

  • Support Staff

June 18, 2014 at 1:26 pm

Hi Jonathan,

I’ll follow up with each of your questions below:

I want to be able to display a list of upcomming events below the calendar (we are using the calendar addon) but the shortcode just displays as text not as a list of events?

Did you use the [ESPRESSO_EVENTS] shortcode or somethings else? [ESPRESSO_EVENTS] short display a list of events unless there’s something funny going on.

How do I alter the Calendar Width (I can see where to do height but not width).

It depends. We set the calendar to 100% of its parent container’s width. So if you want to make it narrower, you can set it to a smaller percentage by adding this to your custom CSS stylesheet:

#espresso_calendar {
max-width: 90%!important;
}

If you want the calendar to be wider, you can use Firebug to find the calendar’s parent div and set its width to a wider pixel value with CSS.

How do I put the location drop down and the category drop downs side by side?

Normally they are side by side. If you have a really long category or venue name, you can consider making them shorter so they’ll fit side by side. If the category and venue names are short you could check with Firebug and see if your theme or another plugin is setting the select elements to a wider width or as block elements. You may need to narrow them up a bit or set them to display:inline.

#filter-calendar-form select {
display:inline;
}

will override a theme if it’s setting form selects to display as block level elements.

I need to remove the labels on the single event page so remove Event Details Heading and the Ticket Options Label. (is there docummentation on all of the CSS somewhere as I can’t find it?)

We don’t document all the CSS. You’ll want to use display:none to hide those and you can use Firebug to find the selectors. We have a guide on how to find selectors and make CSS edits here:
https://www.youtube.com/watch?v=l4y5dyqQzz4

also recommended:

http://youtu.be/bkefd6AAOt4

http://htmldog.com/guides/cssbeginner/

List Of Courses in sidebar – Is it possible to add a list of course catagories to the left hand side bar of a theme?

The Upcoming events widget will list events by category. Or if you want to display list of events categories only (that each link to a category archive page of events), you could try the list custom taxonomy widget plugin:

http://wordpress.org/plugins/list-custom-taxonomy-widget/

The support post ‘Template Changes Including Labels on Single Event Pages and event listings’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso