Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 20, 2017 at 9:10 am #763529
    markpevans

    Hi,

    Is there a way of positioning the submit button for different forms on my website?

    I need to have one form with the button centre aligned and another form to have the button left aligned.

    March 20, 2017 at 12:38 pm #763608
    Nikko

    Hey markpevans,

    Yes, first you need to enable Custom CSS Classes: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
    Add a classname and use it tweak the css.

    Best regards,
    Nikko

    March 20, 2017 at 12:43 pm #763611
    markpevans

    Hi Nikko,

    Thanks for your prompt reply as always.

    I have already enabled the css classes.

    However if I adjust the submit button on one form it does it for all the others.

    March 20, 2017 at 1:00 pm #763626
    Nikko

    Hi,

    You can add a class name for example cform-right then in Quick CSS, you can add this css code:

    #top .cform-right .form_element input.button {
    float: right;
}

    This will make the submit button on the contact form for example align to the right.

    Best regards,
    Nikko

    March 20, 2017 at 1:17 pm #763630
    markpevans

    Excellent!!!!

    That worked a treat.

    this was the code that I used for anyone reading this thread in future:

    #top .cform-right .form_element input.button {
    float: right;
    position: relative;
    right: 132px;
    background-color: #003c6e;
    color: #ffffff;
    border-color: #003c6e;
    }

    March 20, 2017 at 2:05 pm #763645
    Nikko

    Hi,

    Thanks for your kind words and thanks for posting the solution you made for your site it would be helpful to anyone who wants to do the same as what you have achieved :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.