Support

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;
}

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.