Support

Home Forums Event Espresso Premium Registration form ticket categories adn margins CSS

Registration form ticket categories adn margins CSS

Posted: February 17, 2020 at 8:41 am


TalTech

February 17, 2020 at 8:41 am

Can you please assist me how could I change the registration form ticket section template? Iwould like to have a template where I can make 2 ticket categories: main package tickets and additional events tickets. How could I put the tickets into margins so people would find the right ticket more easily? The reg form itself:
https://nsb2020.org/nsb2020-conference-registration/1/
What is the CSS to do it?


Josh

  • Support Staff

February 19, 2020 at 7:44 am

One CSS example you could use is apply some extra padding to specific rows, which will have the effect of putting space between groups of tickets.

e.g.

tr.ee-ticket-one-day-package > td {
padding-bottom: 60px;
}

will add some extra space below the “One day package” ticket.


TalTech

February 20, 2020 at 2:58 am

Thank you. This worked out well.
I would like to add titles (red and bold) to those two blocks. Is there a Css to do it?
The first block title: Please select the main package:
The second block title: Please select additional events:


Josh

  • Support Staff

February 20, 2020 at 10:07 am

Hi,

Yes CSS can do it. Here’s an example that would work on your site:

.ee-ticket-regular-participant-early-bird > td,
.ee-ticket-event-pre-conference-tour-lahemaa-national-park > td {
vertical-align: bottom;
}

.ee-ticket-regular-participant-early-bird .tckt-slctr-tbl-td-name strong::before {
content: 'Please select the main package:';
}

.ee-ticket-event-pre-conference-tour-lahemaa-national-park .tckt-slctr-tbl-td-name strong::before {
content: 'Please select additional events:';
}

.ee-ticket-regular-participant-early-bird .tckt-slctr-tbl-td-name strong::before,
.ee-ticket-event-pre-conference-tour-lahemaa-national-park .tckt-slctr-tbl-td-name strong::before {
display: block;
padding:0.6em 0;
color: red;
}


TalTech

February 25, 2020 at 1:09 am

Thank you. This worked out well.

The support post ‘Registration form ticket categories adn margins CSS’ 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.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3

Documentation for Event Espresso 4

Status: closed

Updated by  TalTech 1 month, 1 week ago ago

Topic Tags

Notifications

This topic is:
pending
Do NOT follow this link or you will be banned from the site!