Public Ticket #2178634
How to make the MINIMUM distance between the image and the text (in any block)


  • aleksey started the conversation

    Hi guys

    Such a problem
    I want to make an insert with qr code into articles
    more details
    which would not be displayed on mobile
    I just found out that such blocks, hidden, were made by the ghostkit team!
    and very cool- this block display extension is applicable to ANY blocks on your site
    (very cool – the guys are really great)

    Now I want to implement my proposal on my site – but it doesn’t work out for me ((((
    this is how it looks in the admin panel
    (these are Advanced Columns by Advanced Gutenberg)
    That’s what i want
    but what happens

    please tell me how to remove the distance between the picture and the text (tips for setting up blocks, or links to blocks where such a distance is easy to adjust, or a code that can be added to a block, or any other will do)

    With respect to you, Alex

  •  956
    Marc replied

    Hi Alex,

    please understand that we cannot provide help for unsupported plugins.

    If your blocks don't allow this kind of adjustments you can use additional CSS code in most cases. Most browsers provide a tool to inspect the used CSS code of elements. Simply right click on an element and select "Inspect Element", "Element Information" or else and the tool will open. It shows the used CSS and how to address the elements in custom code.

    If I understand you correctly, you want to reduce the distance between the qr code and the text next to it. The following sample CSS code can be a start for your adjustments:

    .uagb-column__inner-wrap figure.wp-block-image.is-resized {
        display: block;
        text-align: center;