Digital experiences for all disciplines
Forum Replies Created
-
-
OK, I just enabled it, but I’m sending the site links out for review when I go to bed in an hour, so I will need to turn it off again soon.
Thanks.Like I said, I solved it by turning off Sticky Sidebar, because I can’t show it with the sidebar misbehaving.
But Sticky Sidebar is not usable for me.Fantastic! Thank you.
Thanks.
Now that the plugin output has changed, there is no conflict, and I’m able to style them normally on my own.
Thank you.Yup, it’s outputting to the page now with totally different code!
<h4>$50: Sponsor a Student</h4> <form method="POST" action="" class="sc-checkout-form" id="sc_checkout_form_1" data-sc-id="1" data-parsley-validate><input type="hidden" name="sc-name" value="Spirit Series Inc" /><input type="hidden" name="sc-description" value="Sponsor a Student" /><input type="hidden" name="sc-amount" class="sc_amount" value="" /><input type="hidden" name="sc-redirect" value="https://www.spiritseries.org/connect/donate/donate-thankyou/" /><input type="hidden" name="sc-redirect-fail" value="https://www.spiritseries.org/connect/donate/donate-oops/" /><input type="hidden" name="sc-currency" value="USD" /><input type="hidden" name="stripeToken" value="" class="sc_stripeToken" /><input type="hidden" name="stripeEmail" value="" class="sc_stripeEmail" /><input type="hidden" name="wp-simple-pay" value="1" /><input type="hidden" name="sc-details-placement" value="above" /><input type="hidden" id="wp-simple-pay-pro-nonce" name="wp-simple-pay-pro-nonce" value="8e9b403e97" /><button class="sc-payment-btn"><span>Donate $50 with Card</span></button></form>And it looks different as a result. All the styling from before is gone!
I just changed Stripe payment plugins from the free to the “Pro” version, so the code output to the page may look slightly different now. I’ll update you in a minute or two!
November 25, 2015 at 4:32 am in reply to: Defer parsing of javascript to improve page load times (speed) per gtmetrix? #231118Thanks David. It was not my decision to use Hostgator. The account at Hostgator is their “Business Plan” which is low-cost shared hosting, but it’s the more expensive of the 3 low-cost shared hosting plans they offer.
If/when traffic increases, I can make a case to upgrade or move to a different host. At the moment, I’m mostly looking to be able to improve the score to show that efforts have been made and it meets a minimum standard for efficiency. Since loading times are somewhat subjective and subject to multiple variables (computer, connection, time of day, etc).Yes, I removed it so you’d have a blank slate to work from. It didn’t have the right effect anyway. (sorry)
If you log in, you can experiment as much as you need to.This reply has been marked as private.This reply has been marked as private.I really appreciate your help with this. But that didn’t accomplish anything.
However, I can tell that the selector is working on the hover state only, because if I add another attribute, such as:
padding: 0px 0px 0px 0px;Then on the hover state, the colored border shrinks down via a transition effect. But on the default state, the colored border remains.
The problem we have to solve is:
Transition effects are being applied to these form elements.
There is a background color on default and hover states that needs to go away.
There is extra padding that needs to go away.I sent login credentials. I’ll provide them again here. That way you can experiment in real-time.
The transition effect is still happening for the form input (button) element on mouseover, and I can’t figure out how to suppress it. This is coming from the Cardinal CSS, not from Stripe. Can you help further?
You can see it here on the test page, with the 6 blue buttons:
(It does not happen on the PayPal forms, below on the same page)
Thank you but that’s the same code you gave me earlier in the thread. It removes the default state styling, but not the mouseover state styling, or the padding.
-