WordPress.org

Ready to get started?Download WordPress

Forums

Easy Modal
[resolved] Background color and external page (7 posts)

  1. kvandiver1
    Member
    Posted 9 months ago #

    Daniel,

    Sorry but I posted this on a Reply page by accident, I'll be more careful in the future.

    I'm a developer, for many, many years. But am just now taking a look at WordPress, v3.7.1.

    I have it working, yours works better than the other 4 or 5 I've tried today.

    However I have a couple questions, 1: how do I change the background color of the popup from the color #f7f5e7 to white or something else. I tried changing the .css file it uses but the style is Inline. I changed the only place the color is specified easy_modal.php but to no avail.
    I put a <div> at the begining of the html but there is still a border of the ugly color.

    Also, how do I open a webpage, from the same domain, in the Modal?
    I haven't had any luck yet using the iframe.

    I'm thinking of skipping Modals for now and just use an iframe, jQuery and change the src of the iframe and displaying it when needed.

    Like I said yours is the easiest to use so far, the thing I find really lacking is some good "How to use" documentation showing exactly how to perform various functions.

    Thanks for any help you can provide.

    Ken

    http://wordpress.org/plugins/easy-modal/

  2. danieliser
    Member
    Plugin Author

    Posted 9 months ago #

    There is no need to modify the CSS or core files for basic styling. There is an option on the menu "Theme" that has a visual theme editor to style the modal in only a few seconds.

    As for the second depending on your scenario the solutions are pretty much copy paste already.

    If you just have one link you want to open in a modal consistently then you should be able to just add an iframe to the modals content with the correct source.

    If you have a list of links then you can use the solution here http://easy-modal.com/frequently-asked-questions/open-links-modal-using-iframe

    We are very aware of the lack of documentation and we are currently in the midst of a huge upgrade to the website which will include a lot of use cases and code samples etc. please bear with us. It takes quite a while to get done in between everything else.

    Hope this helps

  3. kvandiver1
    Member
    Posted 9 months ago #

    Daniel,

    This helps a lot, actually I am already adding an iframe and jQuery code to a page as a test.

    I'll look at the theme styling.

    Thanks,

    Ken

  4. kvandiver1
    Member
    Posted 9 months ago #

    Everything is working fine now with the exception of 1 thing.

    For some reason the Top Menu items are visible exactly the same as if the Modal wasn't there. The background color for the Menu bar is not visible.

    Not sure why.

    Thanks,

    Ken

  5. danieliser
    Member
    Plugin Author

    Posted 9 months ago #

    This means your menu items have a CSS z-index that is far to high. For them to be above the overlay they would have to have an index above 999. This is highly uncommon as most themes don't use z-index above 100.

  6. kvandiver1
    Member
    Posted 9 months ago #

    OK Dan, found the problem with the z-index. The Theme I'm using had them set extremely high.

    I have to say that your plugin is really easy to use and works very well.

    The next step for me is to determine exactly what I will get if I purchase your Pro Version.

    I'm getting a "page not found" when I click on the Pro Features link.

    Thanks,

    Ken

  7. danieliser
    Member
    Plugin Author

    Posted 9 months ago #

    Glad you got it working.

    The pro features in a nutshell are listed here http://wordpress.org/plugins/easy-modal/.

    We are currently redoing the entire website for easy-modal.com so bear with us.

Reply

You must log in to post.

About this Plugin

About this Topic