How to change --content-max-width

[Outsidewall]

Question

Hello, Struggling on how to change the --content-max-width from the config.yml file, would anyone please give some pointers.

Category

Setup and Deployment

Please tick the boxes

• You are using a supported version of Dashy (check the first two digits of the version number)
• You've checked that this question hasn't already been raised
• You've checked the docs and troubleshooting guide
• You agree to the code of conduct

[liss-bot]

If you're enjoying Dashy, consider dropping us a ⭐
_{🤖 I'm a bot, and this message was automated}

[CrazyWolf13]

Hi could you share a bit more?

What do you want to achieve?

Is it custom CSS?

[Outsidewall]

In default theme mode, the width of the main lists area is set to 85% (on PC browser). This wastes space, either side. I would like to use 100% of the width. I have tried changing this via developer mode (F12 on browser) to 100%, looks good. This is where I found the variable I noted in the title. Does that help?

[Lissy93]

Sure, try this:

appConfig:
  customCss: '.item-group-container { max-width: 100% !important; }'

[liss-bot]

Issue closed due to no response from user.

[Outsidewall]

Thank you, works, looks much better, actually set it to 98%