|
mkeenan
|
November 28, 2015 at 9:49 pm
I have just been migrating my site from EE 3 to EE4, the main issue I am having is the displaying of buttons, no buttons appear to being displayed but when you move mouse over it shows the image.. see print screen.
I would like to know is there some EE CSS code to paste to display buttons ( and if possible fancy buttons from the theme not the standard grey box)
But I would be happy to see them.
it appears to happen in most browsers, and dosent display in iphone or ipad at all.
I have a link to the site, please feel free to do test booking to replicate the missing buttons. http://bit.ly/1IqVMFK
|
|
mkeenan
|
November 29, 2015 at 12:02 am
So I have part of the issue solved, it works on desktop only now, ( there was a template conflict from old EE files)
So the issue remaining was only in mobile / portable devices ( i tested apple iphone and ipad ) the buttons dont appear but are hidden – when you hold over the buttons location it appears (so it appears to be a CSS issue)
I have attached the imgr print screens for your reference
http://postimg.org/gallery/f8hshwxc/
also link to do demo enrolment http://bit.ly/1IqVMFK
and once you provide me a code to display in mobile devices , can you let me know if i can get the register here button to be same look and feel (as it is computer default one)
thanks in advance.
|
|
Tony
|
November 30, 2015 at 3:59 am
Hi there,
I can not test this on an iphone/ipad as I use android which it seems to be working on without an issue. I’ve asked another member of the team to confirm this using an ipad.
To apply the styles from your theme to the registration button you can add some custom styling, for example:
.ticket-selector-submit-btn {
border: none!important;
outline: 0!important;
color: #fff!important;
font-size: 13px;
line-height: 13px!important;
padding: 12px 15px!important;
text-transform: uppercase;
vertical-align: top;
letter-spacing: 1px;
display: inline-block;
}
That’s the same styles being applied to the buttons just now being applied to the ticket selector button.
|
|
Josh
|
November 30, 2015 at 8:50 am
The issues with the buttons you’re seeing are caused by your WP theme’s styles resulting in a white background on white text for the buttons on mobile Safari. I’d add that you can just override the initial button styles so that when they’re not hovered over, they’ll be visible on more devices. You can add something like this to your custom stylesheet and it should fix things for you:
#theme-page .button {
background-color: #0c0c0c;
}
|
|
mkeenan
|
November 30, 2015 at 2:12 pm
thanks it worked!! thankyou
|
