Skip to content
Grav 2.0 is officially stable. Read the announcement →
Support

Define image size of modals

Started by mmrpl 9 years ago · 1 replies · 967 views
9 years ago

Hi,

I'm having trouble with the image size of a modal that came with the Ceevee theme. I want it to be 100% width but the image source is just 640px. This might be due to the img "scale-with-grid" class but I'm not sure what exactly defines the grid since the container is already 100% width. Either couldn't find any JS that might determine the size of the img source (there are several sizes available up to 1920px) or some actual settings.

This is the markup of the modal
"div class="mfp-wrap mfp-auto-cursor mfp-fade mfp-ready" tabindex="-1" style="top: 3865px; position: absolute; height: 1051px;"
div class="mfp-container mfp-s-ready mfp-inline-holder"
div class="mfp-content"
div id="modal-1" class="popup-modal">
img class="scale-with-grid" src="/.../4.jpeg" alt="">

Any idea how to get the modal to load a larger image?

Best,
Dennis

9 years ago

Hello there,

is it possible to see your page? Maybe i can tell you where it is defined.

Kind regards,
Michael

Suggested topics

Topic Participants Replies Views Activity
Support · by Anna, 13 hours ago
1 38 6 hours ago
Support · by gtx, 1 week ago
4 226 1 day ago
Support · by Paul Hodges, 2 weeks ago
13 274 5 days ago
Support · by Anna, 3 weeks ago
9 333 1 week ago
Support · by TomW, 2 weeks ago
4 187 1 week ago