Styling Submit Button

  • Resolved michaelmartin73

    (@michaelmartin73)


    4 years, 9 months ago

    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/

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Gemini Labs

    (@geminilabs)

    https://pastebin.com/UKcfSwYE

    Thread Starter michaelmartin73

    (@michaelmartin73)

    Thank you Paul – that works great ??

    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

    (@michaelmartin73)

    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

    (@geminilabs)

    @perchera change the plugin style to Divi

    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.

    @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

    (@geminilabs)

    @perchera

    If you need custom button CSS, you could also use this as a starting point: https://pastebin.com/UKcfSwYE

    I have a lot to learn ??

    But my first site does not look to bad

    https://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.