Thanks for your question and for your patience in awaiting my response while I was traveling and without Internet access. Thanks as well for the link to your example page; very helpful.
It looks like your [mla_gallery] shortcode is using the default columns=3 setting, which sets the width of each item to about a third of the display width. The easy fix would be to specify columns=1 as a shortcode parameter. That should set the display width to 100% of the enclosing page.
If that’s not enough, you can define a custom style template and/or a custom markup template to get complete control of the gallery layout. You can also try adding mla_style=none to suppress MLA’s styles and use your theme’s styles to format the display.
You can find more information on custom templates in the “Style and Markup Templates” section of the Settings/Media Library Assistant Documentation tab.
I am marking this topic resolved, but please update it if you have any problems or further questions regarding the above suggestions. Thanks for your interest in the plugin.
Hey David. Thanks for giving me this advice. There is a change but does not meet my wishes. With column=1 the image fits to 100% of display width (or option wide width of Gutenberg Editor) but it does not look like the image inserted with Gutenberg Editor Option full width, which exceeds the limitations of the attribute display width. Hope it it is clear enough 🙂
Cheers.
Thanks for your update and for trying my suggestion. You can get a better result by substituting a custom markup template that emulates the Gutenberg markup for the MLA default. Here are the contents for each template section:
Name
gutenberg-image
Description
Emulates the Gutenberg “Image” block.
Arguments
size=full
Open
Leave this section empty.
Row Open
Leave this section empty.
Item
<figure class=’wp-block-image alignfull’>
[+link+]
<figcaption>[+caption+]</figcaption>
</figure>
Row Close
Leave this section empty.
Close
Leave this section empty.
To create the template:
- Navigate to the Settings/Media Library Assistant Shortcodes tab.
- Click the “Add New Template” button to the left of the table views.
- Change the “select template type” dropdown control to “Markup”.
- Change the “select template shortcode” dropdown control to “Gallery”.
- Fill in the sections with the content displayed above.
- Scroll to the bottom and click “Add Template”.
Once that’s done you are ready to use the new template in your shortcode. Note that the “Arguments” section in the markup template supplies default parameter values for the shortcode. To access the template and suppress the generation of MLA’s CSS styles, add mla_markup=gutenberg-image mla_style=none to your [mla_gallery] shortcode.
You can experiment with the markup I’ve given above and make whatever changes your application requires. I am not a CSS or HTML expert so many improvements are possible. I believe the template I’ve provided will duplicate the results generated by Gutenberg.
