Configure popup size

Created on 12 September 2023, over 1 year ago
Updated 15 September 2023, over 1 year ago

Problem/Motivation

Popups have a maximum width of 750px - I would like to increase this

In the page source code I can see
<div tabindex="-1" role="dialog" class="ui-dialog ui-corner-all ui-widget ui-widget-content ui-front" aria-describedby="drupal-modal" aria-labelledby="ui-id-3" style="position: fixed; height: auto; width: 750px; top: 56.0125px; left: 384.5px;">

I am not a developer, but it appears that the size is being written directly into the page rather than controlled by CSS, and I am unable to override it.

Could someone either make the popup configurable or give me advice on how to make the default width 1000px?

This feels related to the "can't close on mobile" issue

💬 Support request
Status

Needs review

Version

2.0

Component

Miscellaneous

Created by

🇬🇧United Kingdom adam_b

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @adam_b
  • 🇮🇳India amit.mall

    @adm_b Popup width is dependent on image size, and you can set the image size by adding an image style on popup image. follow the steps:

    1. Go to the content type, where your image is used
    2. Go to the Manage display tab
    3. on Format dropdown you select Image Popup
    4. Click on setting option, and go to Image Popup, and select your image style inside Popup Image style dropdown.
    5. Now Popup will match the dimensions of the image you set inside image style
  • Status changed to Needs review over 1 year ago
  • 🇬🇧United Kingdom adam_b

    Ah, I see - I was using the Default image setting. I made a new style 1200 wide and now it's working. Thanks :)

Production build 0.71.5 2024