Tagged: button color, form builder, submit button
Hey there,
i would like to style the submit button on contact forms differently for some of my pages within my enfold project.
They should have other background colors to resonate with the color stylings of individual pages.
Unfortately in the form builder, there is no option to style the submit button.
Is there a way to do this?
Hey labla!
Thank you for using our theme.
You can style the button with CSS. Put the code in custom.css or Enfold->Styles->QuickCSS field.
Identify the page (each page has a unique class) and the button id.
If you give us a link to a page we can give you the code for that page so you can do it for the other pages.
Best regards,
Günter
Hey Günter thanks for your reply,
unfortunately i can’t give you the page since it’s still on our dev servers but maybe you could provide me with the css to use for the following:
Page class info: single single-portfolio postid-104
Button class should remain: button?
thank you
Hey!
Try to put the following in Enfold->Styles->QUICK-CSS field or custom.css:
.postid-104 .button {
// put your styling code here
}
Regards,
Günter
Thanks Günter it worked.
So to contribute here’s my css:
.postid-104 .button {
background-color: #color !important;
border-color: #color !important;
}
Without !important, styles got overwritten by
div .main_color .button and .main_color input[type="submit"]