Support

Home Forums Event Espresso Premium Dates And Times Don't Align

Dates And Times Don't Align

Posted: March 1, 2013 at 5:04 pm


Jake Berman

March 1, 2013 at 5:04 pm

Hi again folks. I’m finishing up the registration page and the Start/Finish Date and Start/Finish Dates aren’t aligned properly. You can see what I’m talking about here: http://tinyurl.com/akzxw56

Any way to fix this?


Jonathan Wilson

March 2, 2013 at 9:50 am

Hi Jake,

Sorry about that. If you add this code to your theme’s style.css, it should just about get you there:

/* Fix width of "Event Date" */
    .span_event_date_label {
        width: 137px !important;
    }


Jake Berman

March 2, 2013 at 10:54 am

Thanks Jonathan. The times are centered now instead of left aligned. Should I just make it less than 137 px?


Josh

  • Support Staff

March 4, 2013 at 8:48 am

Hi Jake,

You could set all the labels to width: auto; which would let the values flow (just a few spaces from the labels) :

.span_event_date_label, 
.span_event_time_label, 
.event_price_label {
width: auto;
}

or you could remove the 137px!important rule that Jonathan suggested and add a single space to display before the time value so they align left:

.span_event_time_value:before {
content: "\00A0";
}


Jake Berman

March 5, 2013 at 8:49 am

Second option worked like a charm. Thank you!

The support post ‘Dates And Times Don't Align’ 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.

Event Espresso