The Challenge
You're working with reactstrap (bootstrap + react), that good old trusty css library which lets you style your views with ...
For further actions, you may consider blocking this person and/or reporting abuse
Love this post!
Thank you! Glad you like it.
so nice , worked smoothly as butter
Just one more question, now that I increased the width
modal is no longer , centered, how to achieve that
attaching image for reference
I literally have been struggling with this for two days! Thanks!
You're welcome!
Okay so i tried EVERYTHING to try and resize it, this example wouldn't work for me^^
I was trying to override the .modal-dialog class and nothing would work, I realised the syntax had to be the exact same as it was in my developer tools.
so i added @media (min-width: 576px) {
.modal-dialog {
max-width: fit-content;
margin: 1.75rem auto;
}
}
and this worked !!
Amazing. Nice approach on finding the solution as well!
Great post.
For my case, I had to set modalClassName instead of contentClassName. But, this post gave me idea where to check the expected variable.
If this doesn't work for someone then please check if this css item (width) is being overridden by other css. In this case you may give preference to your css item by adding !important in your css item as below:
.custom-modal-style {
width: 600px !important;
height: 802px !important;
}
Thanks man! Helped me a lot :)
HY! thanks for this amazing editorial. One question:- I want to change the font-size of the react header. I tried using contentClassName but that's not working. Please help me with this
nicee
This is not working if I want to decrease the width of the modal. Any fix or I am going wrong somewhere?
This was really helpful. Thanks
Thank you! You saved me!!
Thanks man! The best approach also,