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

Viewing 4 reply threads


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

    • Support Staff

    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

        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!

          Viewing 4 reply threads

          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 - Staging Server