Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 27, 2014 at 2:50 am #358783
    Pauloflores

    Hi I would like to make an horizontal opt in like in this pages: http://www.lauraribas.com/sobre-mi/ , http://www.oyedeb.com/#sthash.6We4yzZm.dpbs , but i dont know if its posible. It doesnt have to be exactly the same but something similar with that hover. This is my page and this is what I managed to get http://pauloflores.es/sobre-mi/ , I just use the plugin opt in forms and thats what i achieved, but there still having a lot of height in the bottom, i would like to make it more thin and add that hover effect… if its posible of course

    If there is any posibility to make smoething almost equal like that examples would be amazing!

    PD: iam using mailchimp

    thank you very much!

    November 27, 2014 at 8:45 am #358886
    Ismael

    Hey Pauloflores!

    Thank you for using Enfold.

    You can adjust the minimum height of the section with this:

    div#my_section {
min-height: 80px;
overflow: hidden;
}

    Regards,
    Ismael

    November 27, 2014 at 10:47 am #358927
    Pauloflores

    Hi Ismael,

    Thanks for that fast answer!

    I tried that css code but nothing happens

    I would like to have the same size like on top of the field groups

    Is possible to add a hover state to a color secction? only when u pass the mouse?

    thank you very much

    November 27, 2014 at 10:38 pm #359209
    Ismael

    Hey!

    Where did you add the code? Please add it on the Quick CSS field. It should alter the minimum height of the color section.

    Best regards,
    Ismael

    November 28, 2014 at 2:49 am #359369
    Pauloflores

    hi!, yes thats what i did, i tried with value 1px 0px and -10px but it doesnt work to make the section more thin :(

    November 28, 2014 at 3:05 am #359371
    Pauloflores

    this is what i would like to get if its posible

    http://pauloflores.es/wp-content/uploads/2014/11/Captura-de-pantalla-2014-11-28-a-las-1.02.55.png

    thanks!

    November 28, 2014 at 7:54 am #359429
    Ismael

    Hi!

    Alright. My bad. It should be max-height. Looks like you removed the my-section id on the color section. Use this:

    .page-id-28 div#av_section_1 {
max-height: 80px;
overflow: hidden;
}

    Best regards,
    Ismael

    November 28, 2014 at 12:02 pm #359514
    Pauloflores

    Hi Ismael!

    I add that code with “optin” ID value, and with that, the minimum thin that it permit is this:

    http://pauloflores.es/wp-content/uploads/2014/11/Captura-de-pantalla-2014-11-28-a-las-9.49.38.jpg

    When I start to give negative values nothing changes… is posible to remove that part remains?

    i think that the code works but have a minimum limit

    thanks Ismael for your work, I really appreciate it

    November 29, 2014 at 5:12 am #360003
    Andy

    Hey!

    When editing the color section in Avia Layout Builder you can define a custom height when you set it to “custom height in pixels”. You can also define the inner margins. Please try to make the right settings four you.

    If you can’t manage it, please provide us admin access, so we can assist you further. Post it here as a private reply.

    Cheers!
    Andy

    December 1, 2014 at 1:49 am #360510
    Monte

    I’ve been working for days trying to get my opt in to look horizontal like Pauloflores gave examples of. This is as close as I can get so far. I want it about half the height it is and of course I’d like the button to be inline nicely with the input fields. What am I doing wrong?

    http://www.befitrevolution.com

    I am using Aweber for my opt in forms.

    Thanks!

    • This reply was modified 9 years, 11 months ago by Monte.
    December 1, 2014 at 9:31 pm #361058
    Elliott

    Hey!

    @Monte, Try adding this to your custom CSS.

    .af-element:nth-child(1), .af-element:nth-child(2) {
    float: left;
    padding-top: 20px;
    width: 50%;
}
.af-element:nth-child(1) input[type="text"], .af-element:nth-child(2) input[type="text"] {
    width: 100% !important;
}

    Regards,
    Elliott

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