Support

Home Forums Event Espresso Premium Button text doesn't fit

Button text doesn't fit

Posted: November 25, 2016 at 7:08 am


DiverseEvents

November 25, 2016 at 7:08 am

Hi there,

This is probably a simple fix. I’ve searched the forums and found past solutions, but I can’t seem to implement them.

The buttons on my registration form for events across the whole site (http://www.diverse-events.com/) don’t let the text fit in the box, but they do fit if you decrease the size of the window.

I have added the following into Reaktiv CSS Builder, with no change.

input.submit.btn_event_form_submit.ui-priority-primary.ui-state-default.ui-state-hover.ui-state-focus.ui-corner-all {
width:inherit;
}

I believe the site theme’s CSS might be affecting the Event Espresso CSS.

Any help would be greatly appreciated.


Josh

  • Support Staff

November 25, 2016 at 8:49 am

Hi there,

It looks like you’re using an iframe to display the ticket selector with registration button (where the button fits), at least that’s what’s on this page of your site:

http://diverse-events.com/events/dawlish-manor-house-wedding-fair-2017/

Can you post a link to a specific event where the button text doesn’t fit?


DiverseEvents

November 28, 2016 at 9:54 am

Hi Josh,

When you hit “Register” it opens in a new window (link below – please do try and register to go to the next page). “Payment Options” doesn’t fit on the button, then on the following page “Submit Promotional Code” and “Finalize Registration” doesn’t fit on the buttons.

Many Thanks

http://diverse-events.com/ee-event/dawlish-manor-house-wedding-fair-2017/


Tony

  • Support Staff

November 28, 2016 at 10:16 am

Hi there,

The problem is caused by your theme explicitly setting the width of buttons – http://take.ms/FFt0o

That is setting the width of any element with class ‘button’ to have a width of 138px.

You’ll need to override that style within the theme to fix this, you can use something like:

#ee-promotion-code-submit,
.spco-next-step-btn {
    width: auto;
}

We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.

However as the theme is using such a ‘loose’ selector you may find you need to apply that same fix to other buttons, or you could contact the theme author and have them apply that style to the buttons they actually need it to apply to.

The support post ‘Button text doesn't fit’ 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.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3

Documentation for Event Espresso 4

Status: closed

Updated by  Tony 2 years, 11 months ago ago

Topic Tags

Tagged: , ,

Notifications

This topic is: not resolved
Do NOT follow this link or you will be banned from the site!
[for="input_96_5_3"]
[for="input_96_5_3"]
[gravityform id=96 title=false description=false]
  • This field is for validation purposes and should be left unchanged.
[i]
[i]
[gravityform id=69 title=false description=false]
  • This field is for validation purposes and should be left unchanged.