Changing Button Through CSS

  • Resolved upscu

    (@upscu)


    9 years, 4 months ago

    I am using pagebreaks to create a multiple page form but they are not sequential due to the page being determined by option selections. I created another button labeled “back” that goes to the previous page that a selection was made on.

    My question is how do I change the back button through css so that it will take on the same appearance as the next and previous buttons (which I have on display: none)

    Every time I try to change the button through CSS it changes a small margin around the grey button but does not alter the button itself.

    Thank you.

Viewing 1 replies (of 1 total)
  • Plugin Author codepeople

    (@codepeople)

    9 years, 4 months ago

    Hello,

    First, assign a class name to the field through the “Add Css Layout Keywords” attribute, for example: my-button

    And then insert a “HMTL Content” field in the form with a piece of code similar to the following one as its content:

    <style>
#fbuilder .my-button input{
    background: linear-gradient(to bottom, #34CACA 5%, #30C9C9 100%);
    background-color: #34CACA;
    -webkit-appearance: none;
    -moz-appearance:none;
    border-radius:0 !important;
}
</style>

    of course, replacing the CSS rules by the design you want apply.

    If you need additional help modifying your form’s design, I can offer you a custom coding service from my personal website:

    http://cff.dwbooster.com/customization

    Best regards.

Viewing 1 replies (of 1 total)

The topic ‘Changing Button Through CSS’ is closed to new replies.