|
Oguzhan Altun
|
March 23, 2016 at 7:46 am
Hello,
I just enabled the PayPal payment option in Braintree. The problem is that the PayPal button is very big and visible, while the pay now button is super small at the end. I’m pretty sure that the users will get confused and assume that only paypal payments are possible.
Is it possible to reformat the “pay now” button so that I can make it visible too??
|
|
Lorenzo Orlando Caum
|
March 23, 2016 at 10:40 am
Hello,
If your theme has default styling for buttons, then it should pick that up:
http://cl.ly/2o3b263N0o2F
Here is the CSS ID that you can target:
button#eea-braintree-di-button-btn
If you have an existing button style that you would like to use, then you can share a link to that page here and we’ll share feedback on how to get a matching style.
—
Lorenzo
|
|
Oguzhan Altun
|
March 24, 2016 at 1:22 am
Hi Lorenzo,
Thank you.
I’m using the Avada theme with loads of styling for buttons, but somehow it doesn’t pick it up. Any idea why?
Yes I already have a button design that i’d like to use, it the “Sign-up” button design from this page. Its picking up its design from custom css – any advice on how to make it pick up this design?
|
|
Tony
|
March 24, 2016 at 3:54 am
I’m using the Avada theme with loads of styling for buttons, but somehow it doesn’t pick it up. Any idea why?
It will depend on how Avada is styling the buttons, if they need specific classess for the styling they won’t apply to EE buttons, if its targeting the ‘button’ elements it will apply (it doesn’t appear to be)
Yes I already have a button design that i’d like to use, it the “Sign-up” button design from this page. Its picking up its design from custom css – any advice on how to make it pick up this design?
To apply those styles you need to make sure the CSS selector targets that button, right now its only targeting elements with the ‘register-button’ class.
So your custom CSS selector starts with:
.register-button
Change that to be:
.register-button,
#eea-braintree-di-button-btn
That’s way the same styles apply to both elements.
Its also possible to target all button elements, however you may find that selects buttons you don’t actually want to style, you can use:
.register-button,
button
To do that, but be sure that you check the styling isn’t being applied in places you do not want it to (it likely will with that last selector)
|
|
Oguzhan Altun
|
March 24, 2016 at 9:41 am
Hi Tony,
I tried both using
.register-button,
eea-braintree-di-button-btn
and also copy pasting the .register-button to a new
button#eea-braintree-di-button-btn
In both cases, the pay now button did not change.
Any idea why not?
Could it be due to this custom css I have in the beginning of simple custom css?
/* Fusion Theme Customizations */
.button {
text-transform: none!important;
}
|
|
Lorenzo Orlando Caum
|
March 24, 2016 at 9:52 am
Hello, this custom CSS should work:
https://gist.github.com/anonymous/61697a966745053654d5
Here is a preview: http://cl.ly/16233g3l1g21
—
Lorenzo
|
|
Oguzhan Altun
|
March 24, 2016 at 9:57 am
ok great this worked. Can I change the formatting of the PayPal button too?
Also any option to change the text of the buttons? e.g. change the paypal button text to “Click here if you want to pay by PayPal”?
And change the “Pay now” button to “Pay now by Credit Card”?
|
|
Lorenzo Orlando Caum
|
March 24, 2016 at 10:37 am
Hello,
The PayPal button loads through Braintree so it cannot be changed.
—
Lorenzo
|
|
Tony
|
March 24, 2016 at 11:32 am
My apologies, I missed the ID selector (#) from above (I’ve now edited my post)
The selector should have been:
.register-button,
#eea-braintree-di-button-btn
Not sure why button#eea-braintree-di-button-btn did not work for you however.
|
