|
emoria
|
September 19, 2012 at 7:23 pm
What file controls the form fields? I know the theme plays a part in the styling of the forms but how can I alter the look and placement of the fields? Specifically for the payment page. Next I’ll need to address the registration page.
|
|
Dean
|
September 20, 2012 at 12:46 am
Hello,
The file event_espresso_style.css in event-espresso/templates, controls some of the forms styling, though your theme CSS can be used to overrule the plugin styles.
If by placement, you mean question order, you can do this from the Questions page in Event Espresso, simply dragging and dropping the questions.
|
|
emoria
|
September 24, 2012 at 6:47 pm
Whats this for? Its empty. Can I move the gateway_display.php and modify like other templates?
|
|
emoria
|
September 24, 2012 at 6:58 pm
So I want to have paypal pro form on the left and paypal button on right. Instead of one on top of the other. payment_gateway_display looks like the right file to attack.
- Can I move this to templates and safely modify it?
- Can you help me find what code needs to be surrounded by the table tags to do this?
|
|
Dean
|
September 25, 2012 at 6:56 am
Hey
event_espresso_style.css is empty? What version of EE are you running?
If possible, never move the files, copy them.
We can, but a minor css modification may be what you need rather than hacking at the php files. If you wanted something like http://d.pr/i/23gt where the button is at the top I would just add this to the bottom of your themes style.css file
ul#espresso_payment_buttons {
margin-top: -900px;
}
all it does it pull the button up to the top. Just remember to change the figures if the form size changes and that the code will note stay if you update the theme (so copy it, update the theme, and re-enter it.
If that doesnt resolve what you need or you really want to customise the php file, we can assist via a ticket https://eventespresso.com/product/premium-support-token/
|
|
isawilldupage
|
October 4, 2012 at 12:14 pm
 We are using Paypal Pro. Upon Checking out, the form is long with space on the right. We’d like to put the Info area on the left and the payment info on the right. How can we best do this?
-
This reply was modified 11 years, 11 months ago by
 isawilldupage.
|
|
emoria
|
October 4, 2012 at 12:41 pm
Thats a nice idea. I am also interested in this. The current payment page is not very inviting.
|
|
Dean
|
October 5, 2012 at 1:27 am
Hello Kara,
The way you would go about this is to firstly edit one of the payment files and add some css.
First copy the this file event-espresso/gateways/paypal_pro_vars.php to the uploads directory, uploads/espresso/gateways/paypal_pro_vars.php
In that file you need to add <div id="paypal_move"> to around line 63, above the Credit Card Information line.
Then add </div> to around line 124, below the <span id="processing"></span> line.
All this does is add a “wrapper” to the payment section of the form.
In your Themes style.css at the bottom add
#paypal_move {float:right; margin-top:-638px;}
This will move that section to the right and pull it up. You may need to fiddle with the -638 number to get it right on your screen.
|
|
emoria
|
October 5, 2012 at 12:41 pm
Excellent! While doing this css really began to click for me. Might want to add this so its not to far to the right. margin-right:475px;
|
|
emoria
|
October 5, 2012 at 12:53 pm
Only downside is depending on browser the columns line up dramatically different. I’d going to try my hand at applying custom CSS to the first column as well so the pixel count is the same throughout the page.
|
|
emoria
|
October 5, 2012 at 1:10 pm
That didn’t work as expected. Any tip to keep the formatting consistent across browsers?
|
|
emoria
|
October 5, 2012 at 2:25 pm
What file controls the text? I thought it was languages/event_espresso.pot but changes there don’t seem to be reflecting on the page. I want to remove/edit the on-site/off-site payment text.
|
|
Josh
|
October 5, 2012 at 4:36 pm
You can use CSS to make it not display the on-site/off-site payment text:
Here’s an example:
h3#on_site_payment {
display:none;
}
|
