Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #546255

    Hi,

    I was trying to design a layersider with a mailchimp signup form embedded in it. The mailchimp widget works in the main GUI builder, so I copied the shortcode and put it as a text layer in the layerslider:

    [av_mailchimp list='xxxxxxx' double_opt_in='aviaTBdouble_opt_in' on_send='' sent='My message. Get your own!' link='manually,http://' color='' hide_labels='aviaTBhide_labels']
    [av_mailchimp_field id='1' type='text' check='is_empty' options='' label='First Name' width='element_third']
    [av_mailchimp_field id='0' type='text' check='is_email' options='' label='Email Address' width='element_third']
    [av_mailchimp_field id='av-button' type='button' check='' options='' label='Subscribe' width='element_third']
    [/av_mailchimp]

    This works and the form shows up, but it is positioned in the top left corner rather than where I want it to be placed. I think some javascript is changing the “top” and “left” style attributes of the element, but I’m not sure what.

    Any solutions?

    Thanks!

    #546327

    Hey marikafed,

    I see your problem, where do you want it to be placed? A screenshot highlighting what you’re looking to achieve would help.

    Regards,
    Rikard

    #546798

    The coordinates in the layer slider were top 645px and left 309px. They come through in the html as :

    <p class=”ls-l” style=”top:645px;left:309px;top;white-space: nowrap;”><form ……

    Thanks!

    • This reply was modified 9 years, 2 months ago by marikafed. Reason: Additional info
    #548276

    Hi!

    not sure what you want to achieve, because you did not provide us a mockup showing the results you want to achieve. Maybe this is what you need:

    div#layer_slider_2 {
    z-index: 0;
    }
    #top form {
    z-index: 1;
    position: relative;
    top: -112;
    }
    

    Regards,
    Andy

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