Style on #app div

Hi everyone, I’m taking over someone on a project to make some style adjustment and I noticed a padding style was forced on the div with the #app id which wrap the whole page.

This style applies on all pages except the connection and registration pages.

I wonder if it’s a normal weweb functionning or the person before me that made that somehow.
There is no custom css in any page nor globally so I’m a little confuse.

Thanks in advance, have a great day :wink:

It is native. Weweb is a Vue.js app when rendered and the #app div is where Vue injects the content it generates.

Thanks, but I wonder if the padding that is set is a native behaviour or not ?
On other weweb apps it seemed to me that this padding were not there by default

There should be no padding nor styles on the app class. Try checking custom code if there isnt some custom css

Ok that’s what I thought, the strange thing is there is no custom code neither on pages nor globally

It would be easier if you sent a screenshot or a link so we could check

Check if there are html components with styles declared.
Inspecting the element with the browser dev tools should tell you the source of the style applied.

1 Like

Thank you guys for your answers, I found that there were a “html” component with the specific style I was looking for.
It was inside the navbar which is everywhere on the app except for login and register pages…

It’s actually a good way to make a global css style on the body without using the custom code option (only rendering on deployed versions).

Sorry for taking your time, I hope it can help someone eventually someday :sweat_smile: