Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 23, 2021 at 5:22 pm #1330162
    Art_Discovery

    Hi – trying to create a horizontal signup form for sendinblue. This currently sits in a 1/3 column section on live site, but want it to appear as a full width responsive horizontal form with input fields all in one line. Have tried this applying display:inline, or display: inline-block to class sib_signup_form, but something in avia is altering it so input sections appear below each other. Any ideas? Have included link to page in private content.

    November 24, 2021 at 4:48 am #1330229
    Rikard

    Hey Art_Discovery,

    So you don’t want the form in the 1/3 element? If so then please create a test page, and add the form to the element you want it in, then we’ll have a look at the CSS.

    Best regards,
    Rikard

    November 24, 2021 at 1:02 pm #1330289
    Art_Discovery

    Thanks Rikard
    I have placed the signup in a test page – see below. Thanks for your help.

    November 24, 2021 at 2:57 pm #1330319
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    form#sib_signup_form_1 input[type=text] {
    width: 25%;
    display: inline;
}

    Best regards,
    Rikard

    November 24, 2021 at 4:05 pm #1330334
    Art_Discovery

    Sorry Rikard, that hasn’t made any difference, the field entries are all still on separate lines

    November 25, 2021 at 5:04 am #1330385
    Rikard

    Hi,

    Please try this instead:

    form#sib_signup_form_1 input[type=text] {
    width: 24% !important;
    display: inline;
}

form#sib_signup_form_1 .sib-email-area {
    margin-right: 20px;
}

    Best regards,
    Rikard

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