Skip to content
Grav 2.1 is out: every page speaks Markdown. Read the announcement →

Define image size of modals

Started by mmrpl 9 years ago · 1 replies · 1043 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 complanar, 6 days ago
6 138 13 hours ago
Support · by Rick Beebe, 6 days ago
2 100 2 days ago
Support · by blu3prince, 3 days ago
0 50 3 days ago
Support · by alex, 4 days ago
2 92 3 days ago
Support · by Marcel, 2 weeks ago
1 142 4 days ago