Css 我可以删除Buefy Bulma布局组件中的填充吗？

我正在使用Buefy接口组件库在Vue.js上构建一个简单的待办事项列表，该组件库使用设计框架Bulma

该应用程序仅设计为单页全宽，因此我使用了bulma的Hero布局组件：

App.vue：

{{before}}
克赖尔利斯塔
博拉尔·利斯塔
{{after}}

在浏览器上显示它，然后查看元素，然后修改css或直接查看源代码……我将其用于修改元素ui样式。填充和标记使用rem单位，因此它们基于根字体大小。大小由作者定义，可以使用自定义类进行修改，并将该类添加到hero body，例如

hero body custom padding

并添加您需要的填充want@Aslam我试过了，但它看起来不起作用。@奇怪的是，我试过了，大部分填充物仍然没有消失，我不敢相信。我想我会尝试使用单个组件，抛弃英雄。你可以检查你的开发工具，看看是否有其他属性覆盖它吗？在浏览器上显示它，然后查看元素，然后修改css或直接查看源代码…我用它来修改元素ui样式。填充和marign使用rem单位，因此它们基于根字体大小。大小由作者定义，可以使用自定义类进行修改，并将该类添加到hero body，例如

hero body custom padding

并添加您需要的填充want@Aslam我试过了，但它看起来不起作用。@奇怪的是，我试过了，大部分填充物仍然没有消失，我不敢相信。我想我会尝试使用单个组件，抛弃英雄。你能检查一下你的开发工具，看看是否有其他属性覆盖它吗？