Jump to content

Archived

This topic is now archived and is closed to further replies.

suerama

How can I change Bootstrap modal window size?

Recommended Posts

suerama+    2
suerama

Hey guys,

How can I increase the default size of the modal window? I am not working with a child theme. Would I have to change some code that can get overwritten to change my modal window size?

Thanks!

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hello Suerama 

 

So you have a link to the page with the modal please?


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

You can change the width of the modal window using CSS, Just use firebug to find the width value of the modal window  and you can then make a judgement on the best size to fit your content. 

 

First thing to look at is the support documentation regarding Customization methods http://support.pagelines.me/docs/customization/customization-methods/  

and then CSS http://support.pagelines.me/docs/customization/custom-css/


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites

  • Similar Content

    • Jesper
      By Jesper+
      Is there a way to create modal popups? It was possible ind DMS2
    • arcangel
      By arcangel
      Hi
      I hope someone can help I have built a landing page for my client using Pagelines DMS.
      http://inspire.arcangel.com/landing-page/
      At the bottom of the page there are some flags each opens a different modal with a 'RightSignature' contract within an Iframe.
      All works fine on a desktop, but for some reason when trying to go to the landing page on a handheld device it starts loading the page then all of a sudden it loads up a page displaying one of the contracts instead.
      Does anyone know what could be causing this? or think of a solution?
      Many thanks
      Lee
       
    • yemoonyah
      By yemoonyah+
      Hi,
       
      I created a modal with a registration form inside (using the Pagelines modal shortcodes).
       
      On top of the form and right before the submit button there are huge white spaces that I can't seem to get rid of. I tried using Chrome Developer tools but I just can't figure out what is going on and how to fix it.
       
      It's not an issue with the S2member registration form because outside the modal it works fine.
       
      http://CreativeWebBiz.com/challenge 
       
      (click on 'I'm in" button to open the modal)
       
       
      Pagelines, WP and all plugins are up to date
      Host: WP Engine
       
       
      Any suggestions?
       
      Thanks
      Yamile
    • ketri
      By ketri
      Hi!

      When I insert a youtube-embed inside a modal, it won't work. I tried to have:
       
       <div class=" fitvids">         <iframe  src="//www.youtube.com/embed/88NV75YRAnc?&iv_load_policy=3&theme=light&color=red&rel=0&showinfo=0&autohide=1&enablejsapi=1" frameborder="0"  allowfullscreen></iframe>       </div> But that won't work on mobile either.

      Thank you!
       
    • ketri
      By ketri
      https://www.dropbox.com/s/6eszqbgciqumxre/Screenshot%202014-08-15%2012.41.48.png
      If I'm using custom fonts (like typekit) I'll need to override these here also...

      Thank you very much!
×