search

creativetimofficial / argon-design-system

Argon - Design System for Bootstrap 4 by Creative Tim
https://www.creative-tim.com/product/argon-design-system
Other
2.47k stars 491 forks source link

Modal Grayed Out on Example landing page #76

Closed hCoureauALT closed 5 years ago

hCoureauALT commented 5 years ago

Hi,

I will include screenshots but i copied the code from the docs and it just does this? Not Sure why, really need it for a project so please could you provide a fix? image image

Thanks

rarestoma commented 5 years ago

Hi,

Thank you for your interest in our products.

We have a few examples of the modals here https://demos.creative-tim.com/argon-design-system/index.html. Did you follow this structure?

Can you please give me a codepen link so I can see clearly all the structure of the code?

All the best, Rares

hCoureauALT commented 5 years ago

Hi Rares, Couldn't even get the modal to launch at all on code pen so i have put a link below to a fork and my edits on github where you can see the code fully. https://hcoureau.github.io/argon-design-system/ Thanks, Harry

rarestoma commented 5 years ago

Hi,

Please modify the code in this way:

  1. get the modal out of the .card's div but keep it in the .col-lg-4 like:

    <div class="col-lg-4">
<div class="card">
<div class="card-body">
// Keep here the modal button 
</div>
</div>
// Move here the modal
</div>

  2. Remove the 'mt--200' class from the modal's section.

Now it should work fine.

I hope it helps. Please let me know if you need help with anything else.

All the best, Rares