how can i change the orange color in the 'Next' and 'Back' buttons?

  • Profile Image
    zeketr
    Asked on November 25, 2011 at 06:14 PM

    hi,

    i would very much like to change the color of my orange theme.

    page:

    http://www.kupoya.com/strategies/sign-up/

     

    thank you! Love this amazing service!

  • Profile Image
    NeilVicente
    Answered on November 25, 2011 at 06:35 PM

    The color of your page break buttons is dependent on the theme you choose for your form.

    Choose a different theme to have the color of the buttons changed.

    You may also use custom CSS to customize the color, although this requires that the theme be set to Default.

    .form-pagebreak-back, .form-pagebreak-next {
        backgroundnone repeat scroll 0 0 red;
        border1px solid red;
        border-radius5px 5px 5px 5px;
        box-shadow0 1px 2px red;
        font-size14px;
        margin0;
        padding5px;
    }

    Just change the colors in bold with any html color code or html color name you fancy.

    To inject custom css:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code in the Inject Custom CSS textarea

  • Profile Image
    zeketr
    Answered on November 25, 2011 at 06:37 PM

    Wow! thats a prompt response! Respect...

    i finally used that code:

    .form-pagebreak-next {

    background: #0099FF;

    color: white;

    font-size: 17px;

    font-weight: bold;

    margin: 0;

    }

    .form-pagebreak-back {

    background: #0099FF;

    color: white;

    font-size: 17px;

    font-weight: bold;

    margin: 0;

    }

     

    i found it somehwere on the forum and then added the Background variable...

     

    again. LOVE your service...

  • Profile Image
    NeilVicente
    Answered on November 25, 2011 at 06:44 PM

    Glad to know the forum has been of great help to you. Should you have other issues, please feel free to search our support forum or post a new topic if you can't find the answers.