Modal window styling

Support
#1

Hi there,

Can someone help me out with the modal styling? Click on the “Biography” link on https://consensusapp.wpengine.com/cornerstone-draft/, and note the width of the modal window. I’d like get another 400px or so of width, but don’t want to screw up the responsiveness.

I’ve tried all sorts of different ways of styling, and mostly they end up breaking the thing. Does someone here have the magic touch?

Thanks!

#2

Hi There,

Thank you for writing in, please add this on your Theme Options > CSS

@media (min-width: 840px) {
body .csmodal-container {
	    max-width: 840px;
	}
}

This will double up your modal box in desktop, but will fall back to original size on mobile/tablet (840px screen and below).

Cheers!

#3

Brilliant! Exactly what I needed. Thanks so much!

#4

You’re welcome, have a nice weekend.

Cheers :slight_smile: