|
Nikishna
|
February 18, 2018 at 11:51 pm
Hello there, I am having some issues with the payment page of our registration checkout page at https://www.tribalepa.com. When I select from the various payment methods (e.g. credit card, invoice, check, etc.) for conditional popup message does not extend the page to view the full message. It gets cut off because the messages seem to be z-index popup type messages that are not inline with the page. I need to get that fixed ASAP please.
Also, I really like the functionality of EventEspresso, however, the form fields just look so dated compared to my WooCommerce or Formidable Pro forms. The rest of our site has a particular look and feel (including data capture fields). How can I change the CSS of the fields to utilize our theme classes rather than the EE CSS? If we cannot swap out the classes, then where can I find the list of classes that I can override in our Style Sheet?
Lastly, is there a way to do conditional fields to show if an option is selected? For instance, are you a federal employee, if so, then what agency. In this example the second question would not show up unless the first question was answered yes. Thanks and take care…
|
|
Nikishna
|
February 18, 2018 at 11:53 pm
This is what I want the registration form fields to look like:
https://www.azaiintegratedhealthforum.com/exhibitors
This is what they currently look like in checkout:
https://www.azaiintegratedhealthforum.com/register
|
|
Josh
|
February 19, 2018 at 11:56 am
Hi Nikishna,
I’ll follow up with each of your questions below:
When I select from the various payment methods (e.g. credit card, invoice, check, etc.) for conditional popup message does not extend the page to view the full message. It gets cut off because the messages seem to be z-index popup type messages that are not inline with the page. I need to get that fixed ASAP please.
Can you post a link to a screenshot that shows the issue? The reason I ask is because I checked and I don’t see any messages getting cut off. Here are some screenshots from what I saw of the messages that were displayed on the page:
https://slack-files.com/T02SY781D-F9BG1DS93-d4e62f532d
https://slack-files.com/T02SY781D-F9CE2EH0X-4330e12ea6
https://slack-files.com/T02SY781D-F9ARQGLG1-8e4bd1d684
the form fields just look so dated compared to my WooCommerce or Formidable Pro forms. The rest of our site has a particular look and feel (including data capture fields). How can I change the CSS of the fields to utilize our theme classes rather than the EE CSS? If we cannot swap out the classes, then where can I find the list of classes that I can override in our Style Sheet?
No need to use classes if you want all form fields across the site to have the same look and feel. Instead, you can add the following to your custom CSS stylesheet:
form label {
max-width: 100%;
font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
font-size: 14px;
color: #444;
font-weight: 700;
text-align: left;
margin: 0;
padding: 0 0 3px;
width: auto;
display: block
}
input[type=text] {
color: #555;
background-color: #fff;
border-color: #ccc;
border-width: 1px;
border-style: solid;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width: 100%;
max-width: 100%;
font-size: 14px;
padding: 6px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
font-weight: 400;
box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset
height: 32px;
line-height: 1.3
}
Lastly, is there a way to do conditional fields to show if an option is selected?
I’m afraid that Event Espresso 4 does not have a conditional field feature. Please take a moment and vote for this feature here:
https://trello.com/c/vEShUtBA/24-add-on-conditional-logic-registration-forms
|
