Support

Home Forums Event Espresso Premium Date/Time spacing & lines for multiple tickets

Date/Time spacing & lines for multiple tickets

Posted: February 3, 2017 at 9:44 pm

Viewing 2 reply threads


HarndOnArtBarn

February 3, 2017 at 9:44 pm

Hello, I’m trying to get the multiple date/time for events to have more spacing/padding so they don’t all run together. I also would like line separators for the tickets options. Also, is there a way to get the add to calendar icon to be different.

Here’s how it currently looks: http://www.handsonartbarn.com/events/morning-art-camp-test/

Here’s how I would like it to look:
http://demoee.org/artbarn/events/painting-adult-class/


HarndOnArtBarn

February 3, 2017 at 9:45 pm

Also, it would be great to have more spacing between the date/time section and the ticket section.


Lorenzo Orlando Caum

  • Support Staff

February 5, 2017 at 1:01 pm

Hello,

The spacing is different as your page is a full-width and the demo site has a content area and a sidebar.

Try this CSS for changing the styling:

.ee-clearfix .ee-event-datetimes-li {
	width: 33%;
}

.ee-event-datetimes-li {
	margin-top: 20px;
}

.tckt-slctr-tbl-tr { border-bottom: 1px #EEE solid }

If you are using a current version of WordPress, then you can use the customizer in Appearance –> Customize –> Additional CSS to add the CSS.
Otherwise, you could use a free plugin that adds an additional stylesheet to your WordPress site such as Simple Custom CSS or Reaktiv CSS Builder.

You can then go back to your site and refresh the page to see the new changes.


Lorenzo

Viewing 2 reply threads

The support post ‘Date/Time spacing & lines for multiple tickets’ 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