# Style on #app div

**URL:** <https://community.weweb.io/t/style-on-app-div/4472>\
**Category:** Ask us anything\
**Tags:** design, css, custom-css\
**Created:** [September 20, 2023, 3:24pm UTC](https://community.weweb.io/t/style-on-app-div/4472 "2023-09-20T15:24:34Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![ArthurC](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/arthurc/32/5000_2.png) [@ArthurC](https://community.weweb.io/u/ArthurC)\
**Post date:** [September 20, 2023, 3:24pm UTC](https://community.weweb.io/t/style-on-app-div/4472/1 "2023-09-20T15:24:34Z")

</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 😉

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [September 20, 2023, 4:08pm UTC](https://community.weweb.io/t/style-on-app-div/4472/2 "2023-09-20T16:08:09Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![ArthurC](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/arthurc/32/5000_2.png) [@ArthurC](https://community.weweb.io/u/ArthurC)\
**Post date:** [September 20, 2023, 5:36pm UTC](https://community.weweb.io/t/style-on-app-div/4472/3 "2023-09-20T17:36:41Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [September 20, 2023, 5:38pm UTC](https://community.weweb.io/t/style-on-app-div/4472/4 "2023-09-20T17:38:47Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![ArthurC](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/arthurc/32/5000_2.png) [@ArthurC](https://community.weweb.io/u/ArthurC)\
**Post date:** [September 20, 2023, 5:39pm UTC](https://community.weweb.io/t/style-on-app-div/4472/5 "2023-09-20T17:39:57Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [September 20, 2023, 5:42pm UTC](https://community.weweb.io/t/style-on-app-div/4472/6 "2023-09-20T17:42:16Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![dorilama](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorilama/32/10403_2.png) [@dorilama](https://community.weweb.io/u/dorilama)\
**Post date:** [September 20, 2023, 7:13pm UTC](https://community.weweb.io/t/style-on-app-div/4472/7 "2023-09-20T19:13:28Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![ArthurC](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/arthurc/32/5000_2.png) [@ArthurC](https://community.weweb.io/u/ArthurC)\
**Post date:** [September 22, 2023, 6:38pm UTC](https://community.weweb.io/t/style-on-app-div/4472/8 "2023-09-22T18:38:32Z")

</div>

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 😅
