Support

Home Forums Event Espresso Premium [ESPRESSO_CHECKOUT] font and spacing settings

[ESPRESSO_CHECKOUT] font and spacing settings

Posted: August 18, 2017 at 2:20 pm


ClearPathMedia

August 18, 2017 at 2:20 pm

I’m having a few issues with the registration-checkout page I’m hoping to get help with.

AT THE TOP:
The font in the “step 1 Attendee Information” and “step 2 payment options” at the top is small and overlapping into the paragraph below. It looks squished on a laptop and is illegible on my iPhone.
Is it possible to increase the font and/or change to all caps?

I’d prefer two lines of space after this and to delete the entire next paragraph:
“In order to process your registration, we ask you to provide the following information.
Please note that all fields marked with an asterisk (*) are required.”

IN THE NAME AND DESCRIPTION:
The line listing the item is repeating itself in the bracket after the title of the event. The equivalent of COFFEE (for coffee) which adds nothing. Can this be removed?

I am not a developer so please keep it simple 🙂


Josh

  • Support Staff

August 18, 2017 at 2:50 pm

Hi there,

Some of these changes do require some developer skills, but I can point you to some CSS tricks that will help with changing font and spacing.

You can change this by going to the Appearance -> Customize section of the admin, and there is a tab labeled ‘Additional CSS’. If you go into the customizer, you can add some code like this to transform the text to all caps, bump up the text size for large screens, and reflow the layout for small screens to prevent squishing. Please paste the code between the dashed lines into the stylesheet:

—————————————-

/* hide some text */

#spco-attendee_information-pg {
  display:none;
}

/* baby bear */

@media screen and ( max-width: 600px ){
  .spco-step-display-dv { 
    height: auto; 
    min-height: 33px 
  }
  .spco-step-name { 
    display: block !important; 
  }
}

/* mama bear */

@media screen and ( min-width: 600px ){
  .spco-step-name { 
    font-size: 1.25em;
    text-transform: uppercase;
  }
}

—————————————-

Please refer to this guide for more detailed information about the CSS customizer: https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

The line listing the item is repeating itself in the bracket after the title of the event. The equivalent of COFFEE (for coffee) which adds nothing. Can this be removed?

That’s actually the Ticket name before the event name in brackets. So if your ticket name matches the event name, you’ll see repeated information. If you can change the ticket name (or don’t give the ticket a name) you’ll not see the repeated information on that line.


ClearPathMedia

August 18, 2017 at 3:59 pm

Thank you so much Josh. You solved all my questions in one reply! I wish life was always this straightforward.

Thanks for the additional CSS customizing. I will definitely be reading it.

Kim

The support post ‘[ESPRESSO_CHECKOUT] font and spacing settings’ 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