How to change max content width of single page?

[armoha]

Question

I want wide width for overview table page, but don't need to change width of other pages.

Example: https://armoha.github.io/eud_book_en/

/* theme/css/variables.css */
:root {
    /* this applies to every pages */
    --content-max-width: 1350px;
}

Version

mdbook v0.4.30

[AlessandroMattiazzi]

You can add a simple javascipt and use this code:

if (window.location.pathname.endsWith('page_name.html')) 
{
  document.documentElement.style.setProperty('--content-max-width', '1350px');
}

[asggWa]

/ theme/css/variables.css / :root { / this applies to every pages / --content-max-width: 1350px; } / theme/css/variables.css / :other{ / this not applies to every pages / --content-max-width: 100%; }