Tiled Gallery Block

Viewing 15 replies - 1 through 15 (of 15 total)
  • Plugin Support supernovia

    (@supernovia)

    Hi Cemal, this should already be working in wide and full width, but your theme might be limiting the width. Can you use the Healthcheck plugin to see if this works with Twenty Twenty? Then if you need more help, please send a link to your site so we can take a look.

    Thread Starter ACEkin

    (@acekin)

    @supernovia, I installed the Healthcheck & Troubleshooting plugin and enabled JetPack. Yes, the wide view displays wide in Twentynineteen thenem although it only pushes its right elbow outside the text width. I will disable the newly installed Healthcheck plugin.

    My site is at:

    https://www.keptlight.com

    Thank you,

    Cemal

    Plugin Support supernovia

    (@supernovia)

    Odd, I tested on Twenty Twenty and saw both sides sticking out further. Can you send a link to the post you have with wide widths set on galleries?

    Thread Starter ACEkin

    (@acekin)

    @supernovia, I tested with Twenty Nineteen, maybe that’s a factor. I currently do not have any but I went ahead and changed the first gallery to wide width. The tile layout has changed but the width has not, take a look:

    https://www.keptlight.com/scanning-strategies/

    Cemal

    Thread Starter ACEkin

    (@acekin)

    I looked a little more into it and using the code inspector I found the following rule:

    .wp-block-jetpack-tiled-gallery {
    margin: 0 auto 1.5em auto;
    }

    controlling the wide setting working or not. If I disable that rule, the gallery spreads out controlled by “alignwide”. When the rule is disabled, changing alignwide to aligncenter restricts it to the column width.

    With this rule active, the folliwing rule that declares the alignwide behavior has strike-through over the calculated widths of the right and the left margins.

    I am not sure if this helps but wanted to share it with you,

    Cemal

    • This reply was modified 4 years, 9 months ago by ACEkin.
    Plugin Support supernovia

    (@supernovia)

    Thanks Cemal. I noticed your CSS is cached; if you temporarily disable that, does it work differently?

    I’ll also do some testing here with different themes in case it’s an interaction between Jetpack and the themes themselves.

    Thread Starter ACEkin

    (@acekin)

    @supernovia, that does not make any difference. Any time I update a post its cache is cleared anyway. I have just manually cleared the cache of that post and reloaded, the tiled gallery is still in “centered” mode rather than wide view.

    Thank you for looking into this, but as I explained above I can make it work by disabling that particular rule. Then, the margin calculating declarations kick in. Otherwise, they are overridden by the above declaration. I can also make the wide view mode work by adding !important after the two rules calculating the right and the left margins, the following ruls in in my theme’s CSS:

    @media only screen and (min-width:769px) {
    .alignwide {
    margin-left:calc(25% – 25vw) !important;
    margin-right:calc(25% – 25vw) !important;
    width:auto;
    max-width:1000%
    }

    …
    …
    }

    Cemal

    • This reply was modified 4 years, 9 months ago by ACEkin.
    Plugin Contributor James Huff

    (@macmanx)

    Interesting.

    I’m curious, does WordPress’s built-in Gallery Block display properly?

    Thread Starter ACEkin

    (@acekin)

    @macmanx, yes, the regular gallery with wide width setting shows correctly, sticking on both sides.

    I have also brought this to the theme developers’ attention. If I hear a fix I will share it here.

    Cemal

    Plugin Contributor James Huff

    (@macmanx)

    Thanks! Could you give us a link to where you reported it, so we can coordinate?

    Thread Starter ACEkin

    (@acekin)

    @macmanx, I reported to BizBudding, the builders of Mai Themes and used the chat window here:

    https://intercom.help/bizbudding/en/

    They replied to me via e-mail and will follow up probably on Monday.

    Thank you for looking into this,

    Cemal

    Plugin Contributor James Huff

    (@macmanx)

    Thanks, we’ll see what we can figure out too.

    Thread Starter ACEkin

    (@acekin)

    I have implemented a temporary solution to this problem by adding the following in my custom CSS:

    /* A fix wor wide width */
    .wp-block-jetpack-tiled-gallery {
    margin: 0 calc(25% – 25vw) 1.5em!important;
    }

    It works for me on my theme, I am not sure if it may be a universal solution. It will do until the JetPack team provides a permanent solution. Take a look:

    https://www.keptlight.com/scanning-strategies/
    https://www.keptlight.com/maadra-vineyard-visit/

    Cemal

    Plugin Support Fotis

    (@fstat)

    Hi Cemal,

    Thanks for letting us know. We’ll also let you know when we have any updates on the issue.

    Thread Starter ACEkin

    (@acekin)

    After a theme and its related plugin update, the above temporary fix started displaying all tiled gallery blocks as alignwide. I changed the above rule as follows which fixed the issue. Now, only alignwide blocks display with elbows out, the aligncenter remains within the content are width. I am adding this only to keep the thread up to date, no response is necessary but welcome.

    /* A fix wor wide width */
    .alignwide {
    margin: 0 calc(25% – 25vw) 1.5em!important;
    }

    Cemal

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Tiled Gallery Block’ is closed to new replies.