Change the color of submit and next/previous buttons

Hello @alphagoldafrica

Please, indicate the code you’ve entered into the “Customize Form Design” attribute to edit the color of the “Next” and “Previous” buttons. By the way, I’ve visited your web page, and the form does not include any submit button.

Best regards.

Thank you,

The code I used is as follows:

#fbuilder .pbSubmit { color: #ff1d00; font-weight: bold; }

#fbuilder .pbNext,#fbuilder .pbPrevious {color: #ff1d00;font-weight: bold;}

I called my submit button “Book Flight” and its on the second page

Thank you

Hello @alphagoldafrica

Please, uses the !important modifier with your css rules:

#fbuilder .pbNext,#fbuilder .pbPrevious {color: #ff1d00 !important;font-weight: bold !important;}

Concerning to the selector: #fbuilder .pbSubmit, it is not applicable in your case, because the pbSubmit class is applied to the submit button inserted by the plugin in the commercial versions. You have inserted a common button field, whose selector would be: #fbuilder .cff-button-field input{}

Best regards.

Thank you

The formula above changes the font color. I would like to keep the font color white but change the color of the next/previous and submit buttons from blue to red #ff1d00.

The form now has a submit button ??

Hello @alphagoldafrica

In CSS, the color rule corresponds to the text color. If you want change the background color, the correct would be use the background CSS rule:

#fbuilder .pbSubmit,
#fbuilder .pbNext,
#fbuilder .pbPrevious {background: #ff1d00 !important;font-weight: bold !important;}

There is very instructive tutorial here:
https://www.w3schools.com/css/

Best regards.

• This reply was modified 5 years, 8 months ago by codepeople.

Thank you very much