Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1056086

    Hi there,

    I’m adding contact form and would like to add a line break on the Form Element Label. “<p>” works but i would like just only line break without paragraph. I tried “<br>” but it doesn’t work and have no idea why.

    Please help!

    #1056387

    Hey nogo1024,

    Please provide a link to the site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    #1056399

    Here it is. i used <p> on the “Message” part.

    Also, on the right column, Is there any way to give a margin between each lines? I used “Icon List” elements.

    Thanks :)

    #1056482

    Hi nogo1024,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top.page-id-7773 .avia_ajax_form #element_avia_9_1 {
        margin-bottom: 0 !important;
    }
    
    #top.page-id-7773 .avia_ajax_form #avia_9_1 {
        margin-top: 11px;
    }
    
    #top.page-id-7773 .avia-icon-list-left li {
        margin-bottom: 12px;
    }

    Best regards,
    Nikko

    #1057149

    Thank Nikko,

    I got a margin on the icons. But nothing changed on the line break. :)

    #1057203

    Hi nogo1024,

    Try adding this after the message:

    < b r >

    just remove the spaces and it should add the line break, then in Quick CSS add this:

    #top .avia_ajax_form fieldset p br {
        display: block;
    }

    Best regards,
    Nikko

    #1059033

    Nikko,

    If i add <br&gt on the message,

    Message (You can list the number of rooms / areas or rough sizes) <br> ex) 3 Bedrooms, 1 Living room(12‘x16’), 12 Stairs, 1 Hallway, 1 Rug)

    the result is

    Message (You can list the number of rooms / areas or rough sizes) <br> ex) 3 Bedrooms, 1 Living room(12‘x16’), 12 Stairs, 1 Hallway, 1 Rug).

    with no line break. And i added the code on the Quick CSS though. Thanks :)

    #1059903

    Hi nogo1024,

    I apologize for the late response.
    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    #1059907

    you can use tags inside a input filed of that form alb:
    (if you use span it will have a different font-size)

    <i>First Line</i><i>Second Line</i>

    #top label i {
        display: block;
    }

    so try the code in quick css and put in your field:
    <i>Message (You can list the number of rooms / areas or rough sizes)</i><i>ex) 3 Bedrooms, 1 Living room(12‘x16’), 12 Stairs, 1 Hallway, 1 Rug</i>

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