• Resolved mohanadas

    (@mohanadas)


    Is there a way to increase the main column width in Seedlet theme from the default 602px to something like 750px?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • You’d be welcome to tinker with the CSS. Just be sure to make the align-wide wider, too. And, you might want to specify a larger number on the min-width just to be safe.

    @media only screen and (min-width: 652px) {
    :root {
        --responsive--aligndefault-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 750px);
        --responsive--alignwide-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 890px);
    }
    }
    Thread Starter mohanadas

    (@mohanadas)

    Thank you! This works perfectly.

    Is there a way to display the featured images for each post on https://two-together.com/blog/ as full-width?

    Yes you can do it with this bit of CSS code:

    .post-thumbnail-inner .wide-max-width, .alignwide {
        max-width: 100%;
    }

    This will make the images as wide as possible (approx 1500px) and that is pretty much as large as I’d recommend. Any wider and you would need to scale up the images, which will result in pixellation/blurring.

    If you are on a screen (or browser window) the images will be full width like you see here: https://d.pr/i/HXGSj3

    If someone is viewing your site on a large laptop (over 15″) or a large desktop monitor will see the white borders appear on the left and right of the image. Hope this helps!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Seedlet: Increase Main Column Width’ is closed to new replies.