Hello @etienneflorent ,
Thank you for using Direct Stripe.
This error message means that the Shortcode value argument is wrong or doesn’t exist. Could you double check that ds1556548712342 is the unique ID of the button created at Direct STripe -> Settings under the buttons settings tab ?
Also I note that the first double quote is formatted as ” and should be “, could you try to switch ?
As for styling, Direct Stripe currently allows global styling for all buttons at once from Direct Stripe -> Settings under the Styles tab. To use different styles for each buttons, it will require using CSS styling using CSS ID of the button.
I hope this will help.
Kind regards,
Hi Nicolas! Thanks for your answer…
So yes it was actually the quotes that were the problem.
When it comes to global styling, how do I change the following things :
1. Width, padding of the buttons
2. The text on the button (currently in English “payments”)
3. The radio button under the button (change text or/and how to remove it)
I have tried to use the CSS ID of the button on my Divi custom CSS parameters to modify it but it does not work. See 2 screenshots here :
> https://ibb.co/9NxSK4p
> https://ibb.co/Q65MhRP
I am trying to add the following CSS for my buttons :
font-size: 13px;
font-family: ‘Rubik’,Helvetica,Arial,Lucida,sans-serif!important;
text-transform: uppercase!important;
background-color: #2970fa;
But as you can see, it actually only modify the box around the button but not the button itself.
Thanks for your help!
Ok,
So I was able to answer some of my own questions looking at other posts in the forum
1. Simply add the CSS inside the general CSS parameters of WordPress (and not Divi)
2. Modify Label under buttons settings
3. Uncheck “general terms”
Now there are a few things I have not been able to figure out :
1. How to modify the CSS color on hover
> https://ibb.co/pQjnPBx
here is what happens now with my button
2. How to modify the general conditions text + CSS
https://ibb.co/z6hDzQP
as you can see the radio button is not aligned with the button
https://ibb.co/0cM1Mb2
Also, when not checking the terms/conditions box covers the radio button and it’s not possible to check it again.
Once again, I was able to answer my own first question.
1. To modify on over, just customize the following CSS :
.direct-stripe-button:hover {
color: red;
border-color: green;
}
.direct-stripe-button:hover {
background-color: green;
border-color: #6772e5;
color: #6772e5;
}
So I am just left with my second question regarding the radio button.
Hello @etienneflorent ,
I’m glad you find the answers to your concerns.
I guess you still want to style the T&C input field and text, to target those you can use :
.direct-stripe input {} /* For the checkbox input */
.direct-stripe label {} /* For the text */
I hope this will help.
Kind regards,
Hi Nicolas,
I have a visual problem with the Direct Stripe button included in my pricing tables.
https://www.regenering.com/home-1pg/
I have The7 template and the GoPricing plugin. When I copy the code of the Direct Stripe button [direct-stripe value=”ds1563982141687″] in the place of the GoPricing pay button it doesn’t show normally:
1. it forces me to write a text,
2. it shows the text of the Stripe button not in the middle but at the bottom.
3. And most critical: the button ONLY works when CLICKING EXACTLY on the text NOT on all the button space, which generates an unprofessional perception for clients and just at the moment to pay. Not good! 😉
Please HELP!!
ok, I did succeeded finaly… wow, what a time spent on that. But nothing to do with Direct Stripe.
I read the comments above how to change the color of hover buttons.
But how do I change the color of the buttons?
https://www.regenering.com/home-1pg/
Thank you Nicolas,
And tks again for your plugin!
Hello @michaelgourion ,
From the link you shared I see that the original stripe button styles that you set are overwritten by CSS rules set within .gw-go *, I’m not sure if this is declared by a theme or a plugin but as it is declared !important, that overwrites the normal styles defined by Direct Stripe.
You need to over-over-wrote those css styles…
At Appearance -> Customize -> Additional CSS you can try :
button.direct-stripe-button-id { color: #ff6600 !important; background-color: transparent !important; border: solid thin #0099cc !important;}
button.direct-stripe-button-id:hover {background-color: #0099cc !important; }
If you want to set a different color for each button, then you can target the button with its ID instead of the class.
button#ds1563982141687 { color: #ff3300 !important; background-color: #0099cc !important; border: solid thin #0099cc !important;}
button#ds1563982141687:hover { background-color: transparent !important; }
You can get the color codes at https://www.w3schools.com/colors/colors_picker.asp
I hope that will help.
Kind regards,
I’ll try that and give you feed-back.
Tk you so much for you quick answer Nicolas! 😀
Tried it and worked perfectly! I even modified the text! 😀
https://www.regenering.com/home-1pg/
tks Nicolas!
Is there a way to make more space around the text of the button?
I wanted to thank you Nicolas! it worked all wonderfuly. I learned more about my Go Pricing parameters, and added to your help now I have a very profesional Pricing Table. Tks! 🙂
https://www.regenering.com/home-1pg/
