Tagged: x
-
AuthorPosts
-
September 15, 2016 at 10:05 pm #1177650
pdopchevParticipantHi guys,
Just noticed there is a glitch in the lightbox, which displays a contact form on this page:https://rompskis.com/custom-skis It is the “Skier Info Button”. The lightbox displays two forms, the second one being off to the side – instead of just one form.
The glitch wasn’t there before, I guess it has occurred after some of the updates…
This is the code for the button/lightbox/contact form
<div class="x-btn-regular x-btn-block x-btn-x-large"> <a href="#my-content" class="product_lightbox x-btn" data-content="Launch form!" data-type="inline">Skier Info Form</a> </div> <div id="my-content" style="display: none; width: 1200px;"> [contact-form-7 id="1024" title="Skier Form"] </div> [lightbox selector=".product_lightbox"]The original idea in creating this is here: https://community.theme.co/forums/topic/contact-form-7-popup-2/
September 16, 2016 at 12:58 am #1177757
LelyModeratorHi There,
Upon checking your source code, I found out that there’s multiple instance of lightbox shortcode with the same selector. I can see that your Sign up button is also showing a form in a lightbox. Please use different selector for two different lightbox to avoid that. Same selector will group the content in a lightbox. That’s why you see a glimpse of the form for Sign up button
September 16, 2016 at 10:23 pm #1178995
pdopchevParticipantThank you for your help! It worked!
September 17, 2016 at 2:14 am #1179130
FriechModeratorWe’re delighted to assist you with this.
Cheers!
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1177650 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
