Support

Home Forums Event Espresso Premium Authorize.net Accept Registration Checkout Page CSS Modification

Authorize.net Accept Registration Checkout Page CSS Modification

Posted: March 7, 2019 at 1:04 pm


afqam_webmaster

March 7, 2019 at 1:04 pm

We have recently updated to the Accept plugin. Our current site theme has a somewhat ‘narrow’ standard display which causes the iframe window to have a scroll bar to see all the fields. We’d like to modify the Registration Checkout page so that the whole page is wider to eliminate the scroll bar.

Can you tell us how to adjust the page width through CSS without messing up any of the other page/form/plugin functionality? Can you point to or tell us what code is needed to adjust that?

I have an image of the page I can share if that is helpful.


Josh

  • Support Staff

March 7, 2019 at 1:11 pm

Hi,

An image of the page isn’t helpful. What would be helpful would be html. If your site’s theme is based on the twentyseventeen theme, you could do something like this:

https://gist.github.com/Netzberufler/792a74d63f24aadcad444f4c9d415c11

Then edit the page’s Page settings to use the full width template.


afqam_webmaster

March 18, 2019 at 8:07 am

So, we’ve attempted to address this through site page settings. It doesn’t help directly. However, oddly when you navigate to the page initially the iframe is small and requires scrolling. However, if you scroll all the way to the right and back several times the iframe window is now large enough to accommodate all the fields. I can reproduce this and provide you with a screen video capture of it in action. Please advise.


Tony

  • Support Staff

March 18, 2019 at 8:20 am

A screen capture won’t help, we need to view the code on the page.

Can you link us to an event we can use to run a test registration to view this, please?


afqam_webmaster

March 18, 2019 at 8:35 am

https://www.afqam.org/wp15/?post_type=espresso_events&p=1156&preview=true

Please contact me directly for the page password.


Tony

  • Support Staff

March 18, 2019 at 8:55 am

You can send temp login details using this form:

https://eventespresso.com/send-login-details/


Tony

  • Support Staff

March 18, 2019 at 9:34 am

The page event linked to above is a preview and so cannot be viewed anyone other than admins/editors, can you either publish the above or resubmit the form with login credentials you can use, please.


afqam_webmaster

March 18, 2019 at 9:35 am

Try again.


Tony

  • Support Staff

March 18, 2019 at 10:07 am

Thank you, that helped.

The available space to display the iframe is dependent on your theme, however, Josh recently replied to another user with a similar problem here:

https://eventespresso.com/topic/how-do-i-modify-the-iframe-width-for-authorize-net-accept/#post-289371

If you add that code to your site does it display the iframe correctly then?


afqam_webmaster

March 18, 2019 at 2:38 pm

I believe that resolves the issue, thank you.

The support post ‘Authorize.net Accept Registration Checkout Page CSS Modification’ 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  afqam_webmaster 2 months ago ago

Topic Tags

Notifications

This topic is:
pending
Do NOT follow this link or you will be banned from the site!