Support

Home Forums Event Espresso Premium I need a very simple, but elegant single event ticket table – any examples?

I need a very simple, but elegant single event ticket table – any examples?

Posted: May 23, 2014 at 6:34 pm


sakirose

May 23, 2014 at 6:34 pm

I need a very simple, but elegant single event registration ticket table – any examples that I can just copy/paste?

The default layout for the registration ticket table does not look very elegant. I would to simply have left aligned text. Here’s what the Events Expresso Registration looks like out of the box:
https://dl.dropboxusercontent.com/u/52916400/expresso.png

It’s Squished.

I’ve being going thru the EE4 documentation, but have not found it organized in a way that I could easily do this myself. Thanks!


Lorenzo Orlando Caum

  • Support Staff

May 23, 2014 at 7:47 pm

Hello,

Event Espresso comes with basic styling and inherits and remaining styling from your current theme. Here is what the ticket selector looks like with Twenty Twelve:

http://cl.ly/image/0F0K3U092V1u

You an inspect the elements with a tool like Firebug or Chrome Developer Tools. This will tell you the CSS that is being used and you can override by adding new styles to a plugin like My Custom CSS.


Lorenzo


sakirose

May 24, 2014 at 10:22 pm

I see. Well, could you please share with us what css controls each of the items in the pricing table? Even with firebug, I was not sure which css control each part of the table so if you could tell me, that would be great! I could fix it up once I know.

Also, which template controls the divs in the table on the registration page?


Lorenzo Orlando Caum

  • Support Staff

May 25, 2014 at 10:22 am

Sure!

Do you have a link to this page or what elements are you trying to adjust in this screenshot:

http://dl.dropboxusercontent.com/u/52916400/expresso.png


Lorenzo


sakirose

May 25, 2014 at 11:22 am

You have been very helpful Lorenzo!

Here’s a link with an example of the pricing table I need all the css for (this is private, right?)


Lorenzo Orlando Caum

  • Support Staff

May 25, 2014 at 1:48 pm

.tckt-slctr-tbl-td-name is for the ticket name.

.tckt-slctr-tbl-td-price is for the ticket price.

.tckt-slctr-tbl-td-qty is for the quantity.

Try this in My Custom CSS or a similar plugin:

.tckt-slctr-tbl-td-price {padding-top:5px;padding-bottom:5px;padding-right:50px}


Lorenzo

The support post ‘I need a very simple, but elegant single event ticket table – any examples?’ 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