How can I style the “submit” button of this form?

  • Resolved spirospanagiotis

    (@spirospanagiotis)


    2 years ago

    I have tried creating my own class and adding CSS code to it (added class name to submit button)
    But boarder doesn’t show up

    .forminator-button-submit{
	border-radius: 10px !important;
	border-style: solid !important;
	border: 100px !important;
	border-color: rgba(110,0,0) !important;
}

    Trying to add it like this and with multiple other ways but no border shows up.
    Weird thing is that if I can change colors of text and background just fine.

    .forminator-button-submit{
	border-color: rgba(110,0,0) !important;
}

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Kris – WPMU DEV Support

    (@wpmudevsupport13)

    Hi @spirospanagiotis

    Please try to narrow items in form by form ID like in below example:

    #forminator-module-7866 .forminator-button-submit {}

    Where 7866 is your form ID. You can find your form ID in the page source where the form is located, or edit your form in WP Dashboard and the URL of that page edit will contain that ID.

    Kind Regards,
    Kris

    Thread Starter spirospanagiotis

    (@spirospanagiotis)

    .forminator-button{ 
	left: 50%;
 	transform: translate(-50%);
	
	border:1px  !important;
 	border-style: solid !important;
	border-radius: 10px !important;
}

    Apparently this works, if I move it around like this it doesn’t work:

    .forminator-button{ 
	left: 50%;
 	transform: translate(-50%);
	
 	border-style: solid !important
	border:1px  !important;;
	border-radius: 10px !important;
}

    I am not sure why this is happening but I guess the issue is fixed now.

    Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hi @spirospanagiotis

    Codes that you shared are nearly identical and would work the same but there’s a typo in the second one (the one that doesn’t work).

    These two lines

    border-style: solid !important
border:1px  !important;;

    should instead be 

    border-style: solid !important;
border:1px  !important;

    Note how semicolons are used here – there should be only one at the end of the line but after each line (rule).

    Best regards,
    Adam

    Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    Hello @spirospanagiotis ,
    ?
    We haven’t heard from you for several days now, so it looks like you no longer need our assistance.
    ?
    Feel free to re-open this ticket if needed.
    ?
    Kind regards
    Kasia

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How can I style the “submit” button of this form?’ is closed to new replies.