Docs

[markw1]

Hi there,

From searching round the forum, I have managed to create a button pop-up to a Mailchimp signup form, with some HTML.
However, I cannot seem to alter the size of the lightbox.

I have attached screenshot

I would like to increase the width, and decrease the height of the lightbox

Can you advise how I do this.

Code below:

<div id="mc-pop-up" style="display: none;">
   <div class="mc-pop-up-header">
      <h3>To get your FREE copy of CANDYFLOSS GUITAR, you just need to tell me where to send it.</h3>
   </div>
   <div class="mc-pop-up-intro">
       <p>Enter your email address below to instantly get links to your free book delivered to your inbox.  You will also be added to my Readers' Group and you'll be the first to know next time I have some cool stuff to give away (you can unsubscribe at any time)</p>
    </div>
   <div class="mc-pop-up-form">
      [mc4wp_form id="201”]
   </div>
   <div class="mc-pop-up-footnote">
       <p>(We value your privacy and would never spam you)</p>
    </div>
</div>
<a class="lightbox-selector x-btn x-btn-global x-btn-block" href="#mc-pop-up" data-type="inline">GET MY FREE BOOK![lightbox selector=".lightbox-selector" orientation="hotizontal"]</a>

[markw1]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! The lightbox size will be automatically calculated based on the content. You can set width or something to your content by adding this under Custom > CSS in the Customizer.

#mc-pop-up {
	width: 80%;
        max-width: 600px;
	margin: 0 auto;
        display: block;
}

Hope this helps.

Cheers!

[markw1]

Perfect, in the end I removed the width 80% but working fantastically now, many thanks

[Paul R]

You’re welcome! 🙂

[Author]

Posts