Unable to style Modal width now

  • Resolved fatherb

    (@fatherb)


    12 years, 9 months ago

    Hi – I updated my Easy Modal today and I seem to have lost the ability to style the modal box.

    I was using CSS to change the width with this –

    #eModal-Container {width: 400px; background: #00a4e6 !important;}

    but that no longer works. I see in the css for easy modal that Container has been dropped and I can’t target it now to change the width. It’s a huge 80% wide modal box now which just looks stupid. Is there some way to let us change the width to say 40% of the page?

    I’ve tried this:

    div#eModal-1.modal active theme-1 {width: 60%; background: #00a4e6 !important;}

    and a thousand derivations of it but nothing will action it.

    thanks for any help.

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

Viewing 1 replies (of 1 total)
  • Plugin Author Daniel Iser

    (@danieliser)

    12 years, 9 months ago

    To override a modal use its id. To override them all use .modal

    You shouldn’t need to use a long selector. But I think what your missing is the !important on your width rule. Also there are options to configure width and height in the options tab for modal settings.

    .modal { width : 60%!important }

    The background color and basic styling of the modals can be controlled via the visual theme editor if you try the theme option from the menu.

    Hope this helps.

Viewing 1 replies (of 1 total)

The topic ‘Unable to style Modal width now’ is closed to new replies.

Tags