Support

Home Forums Event Espresso Premium Styling the registration form

Styling the registration form

Posted: September 6, 2013 at 3:59 am


Kathrine

September 6, 2013 at 3:59 am

Hello

I am looking for a way to style the registration form. Have a look at the start time, end time and price on this page: http://skitek.no/wordpress/event-registration/?regevent_action=register&event_id=11

I need it to look better, more intuitive and the price should be more visible. Any tips on how to style this and where it is done?

Thank you!
Kath:)


Dean

September 6, 2013 at 5:50 am

Hello Kath,

It looks like the Bootstrap CSS (theme) is affecting the date/price fields.

You would probably need to over rule it via the style.css file or a plugin such as My Custom CSS.

In particular is this rule

[class*="span"] {
float: left;
min-height: 1px;
margin-left: 20px;
}

This is targeting any span element which has span in the class name. There are a few different ways to over rule this, one of which is to add this to the bottom of the style.css or to the My Custom CSS plugin

.span_event_date_label, .span_event_time_label, .event_price_label {
margin-left:0;
height:20px;
}

.span_event_date_value, .span_event_time_value {
float:none;
}


Kathrine

September 6, 2013 at 6:36 am

Thank you sooo much. I downloaded the plugin, pasted the CSS and it worked:)

If I would want to style this even further by adding some padding before the Registration Details, where would I be able to do that?

Thank you!
Kath:)


Dean

September 6, 2013 at 6:47 am

It depends where you mean. If you use chrome check out this https://developers.google.com/chrome-developer-tools/, if Firefox check out Firebug http://getfirebug.com/ both can be used to inspect the webpage and see what ID’s and Classes are available. That way you can select one and add padding etc.

The support post ‘Styling the registration form’ 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  Dean 6 years, 3 months ago ago

Topic Tags

Notifications

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