|
Wendy Mah
|
January 25, 2015 at 4:11 am
One other question. On the Payment Options Page for registrants, Is there any way to get rid of the three inches of white space on the Payment Options section? Screenshot redacted – Event Espresso support team – LOC. I changed the button because the default Moneris Solutions Gateway Button seems like just a static logo. The name Moneris doesn’t have the name recognition as a payment gateway like Paypal or Google Pay. With the dead white space and the former Moneris logo, I had registrants thinking that the payment option didn’t load.
|
|
Lorenzo Orlando Caum
|
January 25, 2015 at 5:12 pm
Hi Wendy, this looks similar to an issue that I saw on a different site where a plugin or the theme was inserting line breaks (br tag).
Could you try adding this CSS to your child theme’s stylesheet?
/*Fix unknown line breaks appearing on payment page*/
#payment-options-dv form>br{display:none;}
—
Lorenzo
|
|
Wendy Mah
|
January 27, 2015 at 4:47 pm
Thanks Lorenzo, unfortunately that didn’t help in my case. Looking at it a bit closer, it looks like the gap is likely due to the image that came in with the espresso plugin, which is set to 172px by 508px. Unfortunately, in all the style sheets and files that come with it, I am having trouble locating the offending code, but suspect it may be buried in the JS that came with the plugin (I combed the CSS sheets for the plug in and for my theme, but didn’t find it. And unfortunately, the HTML on the page is all linked back to a web of script pages.
I’m hesitant to try affecting it with a new CSS class code, though I do not think it would alter it to my desire.
Thoughts?
|
|
Lorenzo Orlando Caum
|
January 27, 2015 at 5:49 pm
Hi Wendy, if you inspect the form using something like Chrome developer tools or Firebug, you’ll see there are line breaks (br tag) every other line:
http://cl.ly/image/0f1c2e0y2n25
Here is what it looks like after using that line of CSS that I shared:
http://cl.ly/image/1Q0r0E3N0o04
This doesn’t happen on a default install of Event Espresso 3 and a default WordPress theme so it may be another plugin or your theme insert these line breaks.
I would try that line of CSS since its a single line that will only apply to the Event Espresso payment page.
Thanks
—
Lorenzo
|
|
Wendy Mah
|
January 30, 2015 at 12:29 pm
Sorry, that bit of code does work. There is still a goofy space between the Off Line Payments Option and the Invoice Payments button. Is there anyway to get rid of that? Clicking on that opens up the Invoicing details.
|
|
Lorenzo Orlando Caum
|
January 30, 2015 at 12:57 pm
Hi,
How about this line of CSS?
p #invoice-payment-option-lnk{display: none !important;}
This is what I see in Safari afterwards:
http://cl.ly/image/45160r0r3r1l
—
Lorenzo
|
|
Wendy Mah
|
January 30, 2015 at 1:16 pm
That seems to work. All good now, thanks.
|
|
Dean
|
February 2, 2015 at 1:19 am
Marking as resolved. If you need to continue discussing this issue, please open a new forum thread and link to this one. Thanks!
|
