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!
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
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!
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