|
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
|
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
|
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.
|
