Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #352999

    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,


    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



    Try to put the following in Enfold->Styles->QUICK-CSS field or custom.css:

    .postid-104 .button {
    // put your styling code here



    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"]

    • This reply was modified 8 years, 10 months ago by labla.


    Glad I could help you to solve your request. Enjoy the theme.

    Feel free to come back with further questions.

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Form Button Colors’ is closed to new replies.