|
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.
|
