Event Espresso CSS Classes

Event Espresso CSS Classes

Sometimes you need to find the right CSS class in order to target an element to change it in some way – hide it, make it more visible, etc.

Below is a list of the CSS classes for the default event list and single registration pages.

X = a number, associated with the event, category, etc ID number
(_ something _) = note detailing why the id/class cant be listed

Event Registration List CSS Tree

div#event_wrapper

div#event_container_pagination

div#event_content .event_content

p#events_category_name-X .events_category_name

div#event_data-X .event_data .NULL .event-data-display .event-list-display .event-display-boxes .ui-widget

h3#event_title-X .event_title .ui-widget-header .ui-corner-top

a#a_event_title-X .a_event_title

div.event-data-display .ui-widget-content .ui-corner-bottom

div.event-meta

p#p_event_price-X .event_price

p#event_date-X

span.section-title

a#espresso_ical_X .espresso_ical_link

p#available_spaces-X .spaces-available

span.section-title

p#register_link-X .register-link-footer

a#a_register_link-X .a_register_link .ui-button .ui-button-big .ui-priority-primary .ui-state-default .ui-state-hover .ui-state-focus .ui-corner-all

a#cart_link_X .ee_view_cart .ee_add_item_to_cart

 

Event Registration Single Event CSS Tree

div#event_espresso_registration_form .event-display-boxes .ui-widget

h3#event_title-X .event_title .ui-widget-header .ui-corner-top

div.event_espresso_form_wrapper .event-data-display .ui-widget-content .ui-corner-bottom

div#espresso_featured_image-X .ee-featured-image

p.section-title

div.event_description .clearfix

div.event_espresso_form_wrapper

form#registration_form

p#event_address-X .event_address

span.section-title

span.address-block

span.google-map-link

p.start_date

span.span_event_date_label

span.span_event_date_value

a#espresso_ical_X .espresso_ical_link

p.event_time

span.span_event_time_label

span.span_event_time_value

input#start_time_id_X

p.event_prices

span.free_event

input#payment-X

input#price_id-X

div#event-reg-form-groups

h3.section-heading

fieldset#(_ question group id _) .event_questions

h4.reg-quest-title .section-title

div.event_form_field

label.ee-reg-page-questions

input#(_ unique for each question _) .required .ee-reg-page-questions .ee-reg-page-text-input

p#event_form_submit-X .event_form_submit

p.edit-link-footer

a.post-edit-link


Need more help?

Do NOT follow this link or you will be banned from the site!