Uikit modal background colour

I am using the Uikit framework. I would like to determine the background colour inside a modal window. I can determine the background outside the modal with the following CSS

.uk-modal { background-color: #000000; ! important;
}

Perhaps someone knows the CSS for the background inside the .uk-modal

@Lang use this one:

.uk-modal-dialog { background:red }

I might include this option a future update.

1 Like

Lucas,
Thank you so much for that. It solves my problem of showing the edges of the prints and drawings on the website I am making, without having to put artificial borders on each image. The area surrounding each print in its modal window can now match the background of the main page. With the default white background it was not possible to see the actual shape of each print. I am not at all au-fait with code and it always astonishes me what a series of letters and numbers can do.

And by the way I am very much enjoying the freedom and vast expanse of possibilities which the Uikit framework allows.

Here it shows the effect in practice in the, so far, unfinished website:
http://clivefranciscaricaturist.com/prints/

3 Likes

Very nice site! Congratulations!

Jan, I appreciate your kind comment. There is much more to go in there. Should be finished in about two weeks time.
L