Html 从Wordpress模板中删除白色填充

Html 从Wordpress模板中删除白色填充,html,css,Html,Css,我正在尝试定制wordpress主题。这是模板 使用inspector,您可以通过删除 class="col col-12 col-md-12 col-lg-12 col-xl-1 order-1 order-lg-1 order-md-1 order-xl-1 social-networks" 然后是删除上述内容时出现的div init。这将删除左侧的社交媒体栏 .post-content { padding-left: 0 65px 0 10px !import

我正在尝试定制wordpress主题。这是模板

使用inspector,您可以通过删除

class="col col-12 col-md-12 col-lg-12 col-xl-1 order-1 order-lg-1 order-md-1 order-xl-1 social-networks"
然后是删除上述内容时出现的
div init
。这将删除左侧的社交媒体栏

.post-content {
    padding-left: 0 65px 0 10px !important;
}
但是,如图所示,执行此操作时,右侧会出现一个白色区域。这似乎是填充,但我找不到如何删除该填充并使左侧的第三个框(包含主要文章的框)占据该空间


任何帮助都将不胜感激。谢谢

有一个主要内容的类别是
post content
,所以请尝试下面的CSS,从左边开始

.post-content {
    padding-left: 0 65px 0 10px !important;
}

此外,您需要将网格总数设置为12,因此,如果要删除第一列div,请更改第四列div,并将
col-col-lg-6 col-xl-6
更改为
col-col-lg-7 col-xl-7

不幸的是,不走运,但post内容似乎就是引用此块的类,将有一个游戏它似乎移动文本到左边,但没有摆脱右边的白色元素框(我的帖子中的紫色点)我用150px的左边填充来夸张,但正如你所看到的,内容被推到右边的白色区域,将颜色从6变为7,这是个好办法,谢谢!