-
AuthorPosts
-
December 3, 2015 at 7:02 am #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!
December 3, 2015 at 11:02 am #546327Hey 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,
RikardDecember 4, 2015 at 4:10 am #546798The 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, 11 months ago by
marikafed. Reason: Additional info
December 7, 2015 at 8:58 pm #548276Hi!
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 -
This reply was modified 9 years, 11 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
