Css-WordPress网站上的初始HTML保证金问题

时间:2019-05-03 作者:HappyHands31

这是一个WordPress网站,我正在使用bootstrap。

网站是https://doodle.gatewaywebdesign.com/

基本上,我只是想摆脱最初的最高利润率。因此,与此相反:

enter image description here

应该是这样的:

enter image description here

我曾尝试向样式表中的html元素添加样式,但没有任何效果。一、 e。

html {
    margin-top: 0px!important;
}
那么我想知道这个问题是否与WordPress有关?

当我将相关代码放入Codepen.

有什么想法吗?

2 个回复
最合适的回答,由SO网友:KFish 整理而成

这看起来像是您登录该站点时WP管理栏添加的边距。WP添加了一个内联样式标记,该标记使用!重要标志。因为它通常在您自己的任何样式之后出现,所以即使您也使用它,它也会覆盖它们!重要的因为它只在您登录时显示,所以应该没什么大不了的,但是如果您真的想删除管理栏,您可以在设置用户->您的个人资料中更改它,然后取消选中“查看站点时显示工具栏”。或将以下内容添加到函数文件中。

add_filter(‘show_admin_bar’, ‘__return_false’);

SO网友:Rick Hellewell

最好是在浏览器中使用Inspector工具(通常为F12)。将光标定位在页面顶部,右键单击,检查元素。然后单击代码行,直到找到该CSS元素的正确位置。

然后在右侧,找到margin或padding的CSS元素,并找出影响该区域的CSS类。使用该类名添加到主题的附加CSS(在主题中,自定义)以添加上边距的CSS。

如果您以前从未使用过Inspector,那么会有许多googles(或Bing或ducks)向您显示视频。Inspector是找到合适的CSS类进行修改的好方法。

(CSS问题并不是这里发生的事情的一部分……)

相关推荐

自定义帖子/页面编辑器的css?

正如你从下面截图中看到的,我有一个高清宽屏显示器,我有一个非常窄的编辑框来创建或编辑帖子或网页。我发现标题栏的CSS规则是.wp-block { max-width: 610px; } 主内容块的CSS规则是.edit-post-text-editor { max-width: 610px; margin-left: auto; margin-right: auto; } 我想调整max-width: 属性