Limit width of ‘alignwide’ objects

  • Hey!

    Is there a simple way to limit the width of ‘alignwide’ blocks, including the featured image?

    I would like to have them wider then the normal content, but only up to a certain width when you view the page on a large screen.

    I tried this as additional CSS:

    .entry-content > .alignwide {
max-width: 120rem;
width: 120rem;
}

    which in principle works, but then the blocks are not centered anymore.

    Best regards,

    Sebastian

Viewing 1 replies (of 1 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @sebwilken,

    There is! Eksell uses CSS variables to set the wide max width, which means it’s pretty easy to change it across the board. Go to Appearance → Customize → Additional CSS (the menu labels might be different in your language) and add the code below:

    :root { --eksell-inner-width-max: 100rem; }

    Adjust the value until you’re happy with the width.

    — Anders`

Viewing 1 replies (of 1 total)
  • The topic ‘Limit width of ‘alignwide’ objects’ is closed to new replies.