MainUI Page margins

Is there a way to reduce the page margin to 0 - I am trying to use the Overview page on IOS and there is a ton of white space around the widgets

You could either add --f7-block-padding-horizontal: 0 to your page-styles or removing the margin / padding from your widgets on that page.

its not the widget - I can see their border and its outside that - where would I add the above?

Into the style of your page under the code-tab.

image

Thanks for your suggestions. The below doesnt seem to do anything - is the overview page special perhaps?

Can’t test this right now, but it might be, yes. You could try to use the chrome dev tools inspecting the elements of that page and find a css variable which would work for the overview page.

2 years later I face the same recognition. On the top and left there is wasted space on my self created overview page which I cannot get rid off.
Are there any updates maybe?

You could give this solurion a try
https://community.openhab.org/t/how-to-remove-margin-from-mainui-pages/133873
Not sure if it works for Overview page.

1 Like

Thank you. Will answer you in the other thread.