WordPress.org

Support

Support » Plugins and Hacks » Easy Modal » How to fram in a URL

How to fram in a URL

Viewing 1 replies (of 1 total)
  • Plugin Author danieliser

    @danieliser

    Hey redfoxbonds,

    The reason for this is that your theme is targeting only form fields within specific parents.

    Since the modals lie outside of those parents the styling isnt applied.

    To fix this you either need to duplicate the stylings using the .modal class as the parent or add .modal to your existing rules. For instance the rule that controls the bg color for the inputs is

    #top .main_color .input-text,
    #top .main_color input[type="text"],
    #top .main_color input[type="input"],
    #top .main_color input[type="password"],
    #top .main_color input[type="email"],
    #top .main_color input[type="number"],
    #top .main_color input[type="url"],
    #top .main_color input[type="tel"],
    #top .main_color input[type="search"],
    #top .main_color textarea,
    #top .main_color select

    You can either add lines like this for every rule

    .modal .input-text,
    .modal input[type="text"],
    .modal input[type="input"],
    .modal input[type="password"],
    .modal input[type="email"],
    .modal input[type="number"],
    .modal input[type="url"],
    .modal input[type="tel"],
    .modal input[type="search"],
    .modal textarea,
    .modal select

    Or remove the parent requirements from the rules like so

    .input-text,
    input[type="text"],
    input[type="input"],
    input[type="password"],
    input[type="email"],
    input[type="number"],
    input[type="url"],
    input[type="tel"],
    input[type="search"],
    textarea,
    select

    or lastly just build your own simple set of needed styles for the modals

    .modal input, .modal select, .modal textarea {}
    .modal input[type=button], .modal button {}

    etc

    Hope this helps.

Viewing 1 replies (of 1 total)
  • The topic ‘How to fram in a URL’ is closed to new replies.
Skip to toolbar