Title: List-block causes padding (?)
Last modified: September 22, 2023

---

# List-block causes padding (?)

 *  Resolved [hannesbauer](https://wordpress.org/support/users/hannesbauer/)
 * (@hannesbauer)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/list-block-causes-padding/)
 * Hi Anders,
 * first of all, thank you for this beautiful theme.
 * I have built a page where something strange occurs: When I use the list-block
   on a page, padding is added to the submenu – and it also looks like there is 
   extra padding around the whole page. On pages without list-block there is no 
   submenu-padding.
 * I have no idea how to get rid of this issue.
 * Hannes

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Theme Author [Anders Norén](https://wordpress.org/support/users/anlino/)
 * (@anlino)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/list-block-causes-padding/#post-17140748)
 * Hi [@hannesbauer](https://wordpress.org/support/users/hannesbauer/),
 * Glad you like it! Can you post a link to a page where the issue can be seen?
 * — Anders
 *  Thread Starter [hannesbauer](https://wordpress.org/support/users/hannesbauer/)
 * (@hannesbauer)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/list-block-causes-padding/#post-17151780)
 * Hi [@anlino](https://wordpress.org/support/users/anlino/)
 * thanks for the answer. I was out of town, but now I can show you the page where
   you can see the issue – padding when displaying the submenu.
 * [Page with issue](https://www.fachanwalt-arbeitsrecht-essen.de/recht/kuendigungsschutz/)
 * No padding occurs here – I don’t use a list-block either.
 * [Page with no issue](https://www.fachanwalt-arbeitsrecht-essen.de/recht/aufhebungsvertrag/)
 * And here is the draft of another page without this issue. Additionally: If you
   switch back and forth between the pages, you can also see how the design shifts–
   despite identical configuration.
 * [Draft page](http://wordpress-fafamilienrecht.p105462.webspaceconfig.de/)
 * Hannes
 *  Theme Author [Anders Norén](https://wordpress.org/support/users/anlino/)
 * (@anlino)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/list-block-causes-padding/#post-17152963)
 * Hi [@hannesbauer](https://wordpress.org/support/users/hannesbauer/),
 * Poe sets a custom padding on list blocks with a background color. Since the CSS
   is attached to the list block, it’s only loaded on pages with a list block. The
   navigation block uses the same markup (ul.has-background-color) for the sub menus,
   so they also get the extra padding.
 * You can fix this with the following CSS, added to Appearance → Editor → Styles
   → Additional CSS:
 *     ```wp-block-code
       ul.wp-block-navigation-submenu { padding: 0; }
       ```
   
 * Let me know if that does it!
 * — Anders
 *  Thread Starter [hannesbauer](https://wordpress.org/support/users/hannesbauer/)
 * (@hannesbauer)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/list-block-causes-padding/#post-17153487)
 * Hi [@anlino](https://wordpress.org/support/users/anlino/),
 * thank you for your immediate reply. Unfortunately, the additional CSS won´t help.
   Even with “!important”.
 * Hannes
 *  Theme Author [Anders Norén](https://wordpress.org/support/users/anlino/)
 * (@anlino)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/list-block-causes-padding/#post-17154730)
 * [@hannesbauer](https://wordpress.org/support/users/hannesbauer/) The CSS comment
   you’ve added above the CSS I gave you is misformatted, breaking the CSS. What
   you have now is:
 *     ```wp-block-code
       * / padding für list-block entfernen * /
       ```
   
 * It should be:
 *     ```wp-block-code
       /* padding für list-block entfernen */
       ```
   
 *  Thread Starter [hannesbauer](https://wordpress.org/support/users/hannesbauer/)
 * (@hannesbauer)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/list-block-causes-padding/#post-17156114)
 * [@anlino](https://wordpress.org/support/users/anlino/)
 * I think I need a new pair of glasses… – now it works fine.
 * Really annoying: The issue with the design shift is still there. If you compare
   [draft page #1](http://wordpress-fafamilienrecht.p105462.webspaceconfig.de/) 
   with [draft page #2](http://wordpress-faerbrecht.p105462.webspaceconfig.de/faq-erbrecht/berliner-testament/)(
   with list-block and without additional CSS for the block) and [live page](https://www.fachanwalt-arbeitsrecht-essen.de/),
   you will see a difference. This affects not only the frontend, but also the backend
   and may have nothing to do with your theme. I have no idea what triggers this
   behaviour. It was present (repeatedly) from a point in time that I can’t identify
   exactly.
 * Do you have any ideas? In any case, thank you very much for your help.
 * Hannes

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘List-block causes padding (?)’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/poe/0.4.2/screenshot.png)
 * Poe
 * [Support Threads](https://wordpress.org/support/theme/poe/)
 * [Active Topics](https://wordpress.org/support/theme/poe/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/poe/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/poe/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [hannesbauer](https://wordpress.org/support/users/hannesbauer/)
 * Last activity: [2 years, 7 months ago](https://wordpress.org/support/topic/list-block-causes-padding/#post-17156114)
 * Status: resolved