Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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?

    #353104

    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

    #353173

    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

    #353546

    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

    #353625

    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 10 years ago by labla.
    #353687

    Hey!

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

    Feel free to come back with further questions.

    Best regards,
    Günter

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