如何在Wordpress中减少小部件之间和博客文章之间的空间？

我试图减少边栏小部件上方和下方的空间，以及减少Wordpress网站上博客帖子之间的空间，但我不知道如何减少。我已经在互联网上搜索过了，试着在主题的样式表和“附加CSS”区域中输入对其他人有用的代码，但都没有用

以下是该页面的链接，您可以看到我所说的内容：

如果这意味着什么，我使用的是“阿斯特拉”主题（免费版）。

---

如果有人能帮忙，我将不胜感激

您可以在

style.css中添加以下内容

.widget {
padding: 1em .65em; //1st value top/bottom 2nd value left/right; Default was 2em;
margin: 1em .65em; //1st value top/bottom 2nd value left/right; Default was 2em;
}

问候

了解有关CSS单位的更多信息@；
了解有关CSS填充的更多信息@；
了解有关CSS边距的更多信息@

编辑1:如果要编辑小部件标题，可以使用以下内容：

.widget-title {
margin-bottom: .65em; //Default was 1em;
}

如果你需要更多的帮助，不要犹豫

编辑2关于最后的评论

.widget {
padding: 1em .65em !important; //1st value top/bottom 2nd value left/right; Default was 2em;
margin: 1em .65em !important; //1st value top/bottom 2nd value left/right; Default was 2em;
}

强烈建议您在作为网站制作者的早期学习如何在您喜爱的浏览器中使用devtools（该浏览器已经安装）。如果您检查侧栏，您将看到这一点，然后可以轻松地检测您必须修改哪个css类以进行更改：


在这里，我将修改已检查小部件底部的橙色或黄色部分
div
，以便在底部（底部填充：）或边距（橙色检查颜色）（边距底部：）获得更多的填充（黄色检查颜色）

如果您的样式不起作用，您可能需要添加一个
！重要信息
标记每一行不以传统方式工作的内容，以便您的更改覆盖主题自己的CSS样式。祝您网站好运。
谢谢您的帮助。不幸的是，我把这两个代码都放在了样式表的底部，但两个代码似乎都没有做任何事情。您对此有何想法？在文件底部添加两行，您可以添加
！重要的
语句要覆盖以前的行为，请参见编辑2
rem
单位优先于
em
，因为字体大小、边距等更易于访问。请阅读此处的原因：