space issue between blocks

  • Hi everyone, I’m a graphic designer with extremely basic knowledge about coding and CSS.

    I’m juste trying to fix one thing on my website, I would like the spacing between images and blocks to always be 9px, somehow I managed to do that on the home page but the margin is not consistent in other pages.


    https://atelier-pesmois.fr/
    here the margin is good between images, always 9px between all blocks / images

    https://atelier-pesmois.fr/enfilade-suspendue/
    here the margin is bigger between images as well as between text blocks below

    when I looked at the chrome developper tool I noticed this :

    :root {
    –wp–custom–spacing–tw-small: 40px;
    –wp–custom–spacing–tw-margin-medium: 48px;
    –wp–custom–spacing–tw-medium: 60px;
    –wp–custom–spacing–tw-large: 80px;
    –wp–style–columns-gap-default: 32px;
    }

    I have spotted this, when I change the values from 48px to 9px and 60px to 9px manually in the developper tool, it works. But I have no idea how to implement it for real.

    I use the theme “Dawson” and I have installed the extensions “Twentig” and “Duplicate Page” only

    Any clue on how to fix my issue?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    The “–tw-small”, “–tw-medium”, etc. values are coming from the Twentig plugin. It likely has some settings somewhere where you can specify your own preferences. If you continue to have difficulty in locating the right place to make such changes, I recommend asking for guidance in the plugin’s dedicated support forum.

    If all else fails, you could add custom CSS to override the defaults in the Additional CSS section of the site editor’s style book. CSS similar to:

    body .wp-block-post-content .wp-block-columns + * {
    margin-top: 9px !important;
}

    If you try this, first try without the !important modifier. Only use !important modifiers when there are no other options to get the styling you desire.

    Thread Starter chronocide123

    (@chronocide123)

    Hi, thanks for the prompt reply, your proposal didn’t work but I just removed twentig and everything was actually solved. The little extra configuration I lost getting rid of the extension is worth having an easier interface to work with and less weird stuff happening when I try to adjust things as neatly as possible with the basic graphic interface.

    I also had posted the same question on te twentig support forum.

    Anyway thanks again

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.