Support

Home Forums Event Espresso Premium Major CSS issues on Payment Options Page

Major CSS issues on Payment Options Page

Posted: August 21, 2013 at 1:45 am


Megan Murray

August 21, 2013 at 1:45 am

Hello-

I have some big CSS issues on the Payment Options page (Off-site Payment, Off-line Payments Page)

Please see my link to view the issue:

http://bgclt.org/thank-you/?r_id=1-52146cc49a181&id=5&payment_type=cash_check&type=check

A you can see there are huge gaps of white space and looks like text, buttons and links are missing?

I’m using Firebug to try to trouble shoot the problem, but I don’t even see an obvious CSS fix all the missing info / blank spaces…

Any help is appreciated. Thank you!!!!


Dean

August 21, 2013 at 3:40 am

Hi Megan

OK. First off there are some break tags being added after every single form input, probably by the theme.

You can use CSS to fix it, but its addressing the symptom rather than the root cause

#paypal-payment-option-dv br {
display: none;
}

The extra empty boxes above and below the Check/Money Order box, is strange. It looks like there are additional copies of it added, which is not how it works with the default version.

Although it doesn’t look like it, has the payment_page.php or payment_overview.php template files been modified?

Again, you can probably fix it with CSS but it wont fix the underlying issue.


Megan Murray

August 21, 2013 at 10:57 am

Dean, thank you for replying.

(The page we are discussing is http://bgclt.org/event-registration/)

I was able to remove the blank spaces with the code you provided me. Looks much better!

#paypal-payment-option-dv br {
display: none;
}

Then I cleaned up the overall look of this page (font sizes, etc) modifying the CSS.

But I still can’t figure out what those empty, clickable boxes are below “Off-Line Payment Options”.

When you click on all 3 boxes they do the exact thing, they each toggle to open the Check / Money Order Payment detail information (mailing address, complete your registration link, etc)

I have not modified the payment_page.php or payment_overview.php template.

What do you think those empty boxes are???

Thank you,
Megan

http://bgclt.org/event-registration/


Josh

  • Support Staff

August 21, 2013 at 1:29 pm

They are very likely from the WP theme if it’s altering the WPAutoP filter. Have you tried wrapping the [ESPRESSO_EVENTS] shortcode in raw tags?

It will look like this:
[raw][ESPRESSO_EVENTS][/raw]


Megan Murray

August 21, 2013 at 2:11 pm

Great. The raw tags worked perfectly and even fixed a lot of the other layout problems I was trying to tweak in style.css.

THANK YOU.

The support post ‘Major CSS issues on Payment Options Page’ 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.

Event Espresso