Title: Styling Submit Button Last modified: February 28, 2020 --- # Styling Submit Button * Resolved [michaelmartin73](https://wordpress.org/support/users/michaelmartin73/) * (@michaelmartin73) * [6 years, 3 months ago](https://wordpress.org/support/topic/styling-submit-button-3/) * Hi Paul, * I’m attempting to apply an opacity transition to the submit button to keep it in line with all the other buttons on my site, but for some reason it’s not taking. Here is the code I’m using: * ``` form#glsr_837748db.glsr-form.glsr-default button.glsr-button.button.btn { border-radius: 5px; transition: opacity .3s ease-in-out !important; -moz-transition: opacity .3s ease-in-out !important; -o-transition: opacity .3s ease-in-out; !important -webkit-backface-visibility: hidden !important; -webkit-transition: opacity .3s ease-in-out !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; } form#glsr_837748db.glsr-form.glsr-default button.glsr-button.button.btn:hover { opacity: .7 !important; } ``` * Could you please advise? Thank you for your help 🙂 * Michael. * [https://reclaimdesign.org/home-decor-shop/](https://reclaimdesign.org/home-decor-shop/) * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fstyling-submit-button-3%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 9 replies - 1 through 9 (of 9 total) * Plugin Author [Gemini Labs](https://wordpress.org/support/users/geminilabs/) * (@geminilabs) * [6 years, 3 months ago](https://wordpress.org/support/topic/styling-submit-button-3/#post-12490993) * [https://pastebin.com/UKcfSwYE](https://pastebin.com/UKcfSwYE) * Thread Starter [michaelmartin73](https://wordpress.org/support/users/michaelmartin73/) * (@michaelmartin73) * [6 years, 3 months ago](https://wordpress.org/support/topic/styling-submit-button-3/#post-12491314) * Thank you Paul – that works great 🙂 * [perchera](https://wordpress.org/support/users/perchera/) * (@perchera) * [6 years, 1 month ago](https://wordpress.org/support/topic/styling-submit-button-3/#post-12726776) * Hello and thanks for this plugin. Newby here. * I am using divi builder and don’t know how to apply that css to the code module. I would also like to style the button to make it similar to the rest of the site. * Any help welcomed! Thanks again * Thread Starter [michaelmartin73](https://wordpress.org/support/users/michaelmartin73/) * (@michaelmartin73) * [6 years, 1 month ago](https://wordpress.org/support/topic/styling-submit-button-3/#post-12726819) * It would be better if you applied your own styles. I don’t want a carbon copy of my site styling since I’ve spent the last 4 months working on all of that. * Plugin Author [Gemini Labs](https://wordpress.org/support/users/geminilabs/) * (@geminilabs) * [6 years, 1 month ago](https://wordpress.org/support/topic/styling-submit-button-3/#post-12726933) * [@perchera](https://wordpress.org/support/users/perchera/) change the plugin style to Divi * ![](https://i0.wp.com/i.imgur.com/74QL5QE.png?ssl=1) * [perchera](https://wordpress.org/support/users/perchera/) * (@perchera) * [6 years, 1 month ago](https://wordpress.org/support/topic/styling-submit-button-3/#post-12726972) * Hello Michael, i probably did not express myself correctly. I of course do not plan to copy your site. I did not even checked your site by the way. * All I am asking is how to apply the css code into the divi code module so that i can customize my own button. I thought that was the tittle of this post “styling submit button”. * Sorry if i bothered you, i’ll keep on searching. * [perchera](https://wordpress.org/support/users/perchera/) * (@perchera) * [6 years, 1 month ago](https://wordpress.org/support/topic/styling-submit-button-3/#post-12726986) * [@geminilabs](https://wordpress.org/support/users/geminilabs/) Thank you! i had seen that plugin style setting but did not dare to use it bc it says Divi (v3) and was afraid that would not work in the current Divi version (v4.4 i believe). * I’m gonna change that setting now * Thanks again * Plugin Author [Gemini Labs](https://wordpress.org/support/users/geminilabs/) * (@geminilabs) * [6 years, 1 month ago](https://wordpress.org/support/topic/styling-submit-button-3/#post-12726991) * [@perchera](https://wordpress.org/support/users/perchera/) * If you need custom button CSS, you could also use this as a starting point: [https://pastebin.com/UKcfSwYE](https://pastebin.com/UKcfSwYE) * ![](https://i0.wp.com/i.imgur.com/bdcWWxd.png?ssl=1) * [perchera](https://wordpress.org/support/users/perchera/) * (@perchera) * [6 years, 1 month ago](https://wordpress.org/support/topic/styling-submit-button-3/#post-12727042) * I have a lot to learn 🙂 * But my first site does not look to bad * [http://www.localguidemadrid.com](http://www.localguidemadrid.com) * Thanks again, changing the plugin style to divi worked and i think i’ve made some css before in this divi, but i’ve made so many things i can’t remember now, ha ha ha. Viewing 9 replies - 1 through 9 (of 9 total) The topic ‘Styling Submit Button’ is closed to new replies. * ![](https://ps.w.org/site-reviews/assets/icon-256x256.gif?rev=3307009) * [Site Reviews](https://wordpress.org/plugins/site-reviews/) * [Frequently Asked Questions](https://wordpress.org/plugins/site-reviews/#faq) * [Support Threads](https://wordpress.org/support/plugin/site-reviews/) * [Active Topics](https://wordpress.org/support/plugin/site-reviews/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/site-reviews/unresolved/) * [Reviews](https://wordpress.org/support/plugin/site-reviews/reviews/) ## Tags * [button styling](https://wordpress.org/support/topic-tag/button-styling/) * 9 replies * 3 participants * Last reply from: [perchera](https://wordpress.org/support/users/perchera/) * Last activity: [6 years, 1 month ago](https://wordpress.org/support/topic/styling-submit-button-3/#post-12727042) * Status: resolved