Title: How to modify the Shortcode Last modified: January 13, 2019 --- # How to modify the Shortcode * Resolved [best4eid](https://wordpress.org/support/users/best4eid/) * (@best4eid) * [7 years, 4 months ago](https://wordpress.org/support/topic/how-to-modify-the-shortcode/) * I have a problem I just add the plug and it is amazing but I couldn’t customize it as I am using Vbakery I tried to edited CSS and trying everything but it is not working !!! Viewing 6 replies - 1 through 6 (of 6 total) * Plugin Author [Nicolas Figueira](https://wordpress.org/support/users/nahuelmahe/) * (@nahuelmahe) * [7 years, 4 months ago](https://wordpress.org/support/topic/how-to-modify-the-shortcode/#post-11085568) * Hello [@best4eid](https://wordpress.org/support/users/best4eid/) * Thank you for using Direct Stripe. * I understand that you want to style a Direct Stripe button but I’m not sure, could you explain what you want to do and is not working ? ( Sharing a url if possible ) * The common CSS classes you can use are .direct-stripe for the outer box and . direct-stripe-button for the button. * Thread Starter [best4eid](https://wordpress.org/support/users/best4eid/) * (@best4eid) * [7 years, 4 months ago](https://wordpress.org/support/topic/how-to-modify-the-shortcode/#post-11086086) * Hello [@nahuelmahe](https://wordpress.org/support/users/nahuelmahe/) Thank you for replying the URL is qurany.io and you can see in the below link where is the problem [https://snag.gy/mUEIPD.jpg](https://snag.gy/mUEIPD.jpg) i want the bottom to be under the input and wide as the column i used the code : *

[direct-stripe value=”ds-1547315839211″]

* * but still not fixing the problem I need it to look professional with the rest of the designs please help * Plugin Author [Nicolas Figueira](https://wordpress.org/support/users/nahuelmahe/) * (@nahuelmahe) * [7 years, 4 months ago](https://wordpress.org/support/topic/how-to-modify-the-shortcode/#post-11086493) * Hello [@best4eid](https://wordpress.org/support/users/best4eid/), * The inline style you are setting are applied to the outer element where you add a direct stripe button. * To give you an idea how to style the button, insert the css code at Appearance- > Customize -> Additional CSS * ``` .direct-stripe #donation-value { //This targets the donation input field display: block; margin: 0 auto; } .direct-stripe button { //This targets the button element inside direct stripe display: block; margin: 10px auto 0; width: 100%; } ``` * You can check more at [https://www.w3schools.com/css/](https://www.w3schools.com/css/) * I hope this will help, Best wishes * Thread Starter [best4eid](https://wordpress.org/support/users/best4eid/) * (@best4eid) * [7 years, 4 months ago](https://wordpress.org/support/topic/how-to-modify-the-shortcode/#post-11088076) * it worded thank you soooo much * but i need to take off the arrows inside the input how ? * Thread Starter [best4eid](https://wordpress.org/support/users/best4eid/) * (@best4eid) * [7 years, 4 months ago](https://wordpress.org/support/topic/how-to-modify-the-shortcode/#post-11088133) * and how to add word next to the input or inside * Plugin Author [Nicolas Figueira](https://wordpress.org/support/users/nahuelmahe/) * (@nahuelmahe) * [7 years, 4 months ago](https://wordpress.org/support/topic/how-to-modify-the-shortcode/#post-11094258) * Hello [@best4eid](https://wordpress.org/support/users/best4eid/), * I’m glad that’s what you wanted. I can’t help with a more precise integration to your design, please contract a front end dev to do so. * Also know that the html and elements is filterable with hooks, that allows devs to customize the button. You can find the hooks available at [https://github.com/New0/direct-stripe/wiki/Actions-and-filter-hooks](https://github.com/New0/direct-stripe/wiki/Actions-and-filter-hooks) * Best wishes, Viewing 6 replies - 1 through 6 (of 6 total) The topic ‘How to modify the Shortcode’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/direct-stripe_7787ff.svg) * [Direct Stripe](https://wordpress.org/plugins/direct-stripe/) * [Support Threads](https://wordpress.org/support/plugin/direct-stripe/) * [Active Topics](https://wordpress.org/support/plugin/direct-stripe/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/direct-stripe/unresolved/) * [Reviews](https://wordpress.org/support/plugin/direct-stripe/reviews/) * 6 replies * 2 participants * Last reply from: [Nicolas Figueira](https://wordpress.org/support/users/nahuelmahe/) * Last activity: [7 years, 4 months ago](https://wordpress.org/support/topic/how-to-modify-the-shortcode/#post-11094258) * Status: resolved