Support » Plugin: Page Builder Gutenberg Blocks – CoBlocks » Lightbox images not centered on mobile phones

  • Resolved relle

    (@relle)


    Hello,

    I noticed that when you add a caption text to the lightbox image — the image on mobile phones will be left aligned (to the edge) and not centered… How to fix this?

    Please advise, thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support gdandrija

    (@gdandrija)

    Hi @relle, I hope you are doing great.

    Can you please provide me with a link to the page with which you are experiencing issues or a test page if you prefer this approach so I could investigate?

    Have a nice day,
    Andrija

    Thread Starter relle

    (@relle)

    Hi Andrija,

    Thanks for your reply. Please check the following test page: https://rb.gy/kmzttt

    Cheers!

    • This reply was modified 11 months, 3 weeks ago by relle.
    Plugin Support gdandrija

    (@gdandrija)

    Hi @relle,

    Thank you for the link provided. I just checked and it seems that images appear centered:

    https://imgur.com/ew6isZH

    I tested the landscape mode and in both cases, images showed up properly.

    Can you please let me know which device you are using and the browser?

    Best regards,
    Andrija

    Thread Starter relle

    (@relle)

    Hi Andrija,

    The problem is that the Lightbox images are not being centered.

    Please click on an image thumbnail and the Lightbox will pop-up

    Thanks for your help

    Thread Starter relle

    (@relle)

    Please check the screenshot: https://imgur.com/9Hy1CEE

    Cheers!

    Plugin Author Anthony Ledesma

    (@paranoia1906)

    Hi @relle,

    Thank you for taking the time to create this support request for the bug report. I was able to spot the code that was causing the behavior you reported and I made a quick bugfix on the CoBlocks GitHub here: https://github.com/godaddy-wordpress/coblocks/pull/1710. We hope to get that fix in a future release of CoBlocks.

    Best regards,

    Anthony

    Thread Starter relle

    (@relle)

    Hi Anthony @paranoia1906,

    Thank you for your response!

    Would it be possible for you to give me in the mean time the minor style updates?

    So I can already implement it in my child theme CSS file

    Kind regards
    Relle

    Plugin Author Anthony Ledesma

    (@paranoia1906)

    Hi @relle,

    Try placing this CSS code within the Additional CSS section of your site customizer. This should work to center the image within the lightbox.

    
    .coblocks-lightbox .coblocks-lightbox__image img {
    	display: flex;
    	margin: auto;
    }
    

    Best,

    Anthony

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Lightbox images not centered on mobile phones’ is closed to new replies.