• Hello,

    I insert my gallery using the shortcode in the classic editor : [gallery ids="..." layout="tiles"]

    The value configured for the gutter in Tiles layout doesn’t work. In the css added inline by app/galleries.js, I get (for instance) :

    .go359033968 #mgl-gallery-6936f87977181 .mgl-box { padding: NaNpx}

    And indeed, when I dig in this piece of JS code :

    .mgl-tiles {\n display: ".concat(t.isPreview ? "block" : "none", ";\n }\n\n #").concat(t.classId, " {\n margin: ").concat(-1 * t.gutter.desktop / 2, "px;\n width: calc(100% + ").concat(t.gutter.desktop, "px);\n }\n\n #").concat(t.classId, " .mgl-box {\n padding: ").concat(t.gutter.desktop / 2, "px;\n }\n\n @media screen and (max-width: 768px) {\n #").concat(t.classId, " {\n margin: ").concat(-1 * t.gutter.tablet / 2, "px;\n width: calc(100% + ").concat(t.gutter.tablet, "px);\n }\n\n #").concat(t.classId, " .mgl-box {\n padding: ").concat(t.gutter.tablet / 2, "px;\n }\n }\n\n @media screen and (max-width: 460px) {\n #").concat(t.classId, " {\n margin: ").concat(-1 * t.gutter.mobile / 2, "px;\n width: calc(100% + ").concat(t.gutter.mobile, ">px);\n }\n\n #").concat(t.classId, " .mgl-box {\n padding: ").concat(t.gutter.mobile / 2, "px;\n }\n }\n ")

    The variables t.gutter.desktop, t.gutter.tablet and t.gutter.mobile are not defined. Only t.gutter is defined.

    Thanks for your help 🙂

    Laurent

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.