Aligning headlines, image and texts, left and top

  • Unknown's avatar
    ilondirdalterapi · Member ·

    Does anyone know of any setting or custom code that can make headlines, text and images aligned left and top in my website and also responsiveness in mobile view?

    I use blocksy, columns and stackable. There is often a padding and margin (frame) of space around texts which hinder the text from aligning with the image next to it. Columns worked better than text and image and also better than Grid.

    https://ilondirdal.se/

  • Unknown's avatar
    kudufo · Member ·

    Hey @ilondirdalterapi

    Took a look at your site, lovely clean design! I can see what you mean about the spacing though.

    Quick thing first, you’re on self-hosted WordPress not WordPress.com, so you have full freedom to fix this however you like

    For the padding/margin issue, the fastest fix is to go to Appearance → Customize → Additional CSS and drop this in:

    css

    .wp-block-column {
        padding: 0 !important;
    }
    .wp-block-column p {
        margin-top: 0 !important;
    }

    That should bring your text and images into alignment without touching anything else. Then add spacing back only where you actually want it.

    For mobile, Blocksy has per-device controls built in, look for the little mobile icon in the block settings panel on the right. You can set different padding values for mobile without affecting your desktop layout at all.

    Which section is bothering you most? Drop a screenshot and we can get more specific!

Log in or create an account to reply