Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 9, 2016 at 7:56 pm #580535
    gooseflight

    Couple of form CSS questions:

    1. How do I style the [contact] form title? It’s output as <h3/> with no class.
    2. Do I just use CSS to change the width of a submit button? Unlike other form elements there is no way to specify, e.g., 1/4 width.
    3. What’s the best way to add a custom button to a form that invokes jQuery?

    • This topic was modified 8 years, 8 months ago by gooseflight.
    February 11, 2016 at 8:25 am #581485
    Ismael

    Hi gooseflight!

    Thank you for using Enfold.

    1.) Please use this css declaration:

    .avia_ajax_form h3 {
 // style here
}

    2.) Yes, you can adjust the width using css. This is the default style:

    .avia_ajax_form .button {
    margin: 0;
    padding: 16px 20px;
    border-radius: 2px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-weight: normal;
    font-size: 0.92em;
    min-width: 142px;
    outline: none;
}

    3.) I’m not sure what you mean by this but you can add a custom script via functions.php file. Example here: https://kriesi.at/support/topic/insert-java-scripts-in-body/#post-579587

    Cheers!
    Ismael

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