Quote

We're also available for Custom Joomla Development

Hire us now

Module in Modal text position

Dear TemplatePlazza Developers and Community,

Can you please tell me how to align the text in my popup like the one on your demo site @
http://demo.templateplazza.com/joomla/index.php/bottom-center ?

The height of your demo popup only appears to be about 35-40px, but when I create a popup with the same height and add text, the text falls down instead of aligning nicely with the close button, as yours does.

Is this a CSS issue?

Please advise.

Thanks,
Oman
Resolved
The discussion has been resolved.
       
  • Replied by admin on Wednesday, August 31 2016, 12:15 AM · Hide· #1
    Hi, try to add this code to your css file
    #moduleinmodal-mimodal .mimodal-body {
    padding:8px 15px;}
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by oman on Wednesday, August 31 2016, 03:59 AM · Hide· #2
    That worked great. Thanks!

    One more question about the pop up position:

    The modal in displaying fine and the text is aligned but it displays under my image slider when I scroll down the page.

    Is there some z index css I can use to resolve this?

    Thanks!

    Oman
  •  
  • Replied by admin on Wednesday, August 31 2016, 04:08 AM · Hide· #3
    Try this
    #moduleinmodal-mimodal {
    position:relative;
    z-index:999;}
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by oman on Wednesday, August 31 2016, 04:40 AM · Hide· #4
    Thank you!
  •  
  • Replied by admin on Wednesday, August 31 2016, 04:50 AM · Hide· #5
    No problem at all. Glad I could help ;)
    If you don't mind, please leave the module a rating at http://extensions.joomla.org/extensions/extension/style-a-design/popups-a-iframes/module-in-modal
    Your rating will help us much. Thanks
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by oman on Wednesday, August 31 2016, 06:17 AM · Hide· #6
    Couple quick questions:

    1) How do I change the close button hover color?

    I tried:
    }
    #moduleinmodal-mimodal .mimodal-close a:hover {
    color:#C00202;
    }

    and

    }
    #moduleinmodal-mimodal .mimodal-close a:hover {
    background:#C00202;
    }

    as well as:

    }
    #moduleinmodal-mimodal .mimodal-close p a:hover {
    background:#C00202;
    }

    etc...

    But none change the hover color.

    2) I thought when I first installed Module in Modal, there was a module setting that allows you to write in text for the close button. However, that setting option is no longer available. Am I missing something? How can I add "close" like the demo?

    Thanks!

    As for the review, give me a couple days (since I have a big project in front of me) and I will give you a very positive rating.
  •  
  •  
    Replied by admin on Wednesday, August 31 2016, 10:20 AM · Hide· #7
    1) How do I change the close button hover color?

    try
    #moduleinmodal-mimodal .mimodal-close p:hover {
    border-color:#C00202;
    color:#C00202!important;}


    I thought when I first installed Module in Modal, there was a module setting that allows you to write in text for the close button. However, that setting option is no longer available. Am I missing something? How can I add "close" like the demo?


    You can do that by hiding close button then create the button html code manually. https://www.dropbox.com/s/czeqhm29kxflp32/cs01b.jpg?raw=1

    As for the review, give me a couple days (since I have a big project in front of me) and I will give you a very positive rating.

    That's ok. No problem at all. Thanks!
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
Your Response
Please login first in order for you to submit comments