WordPress 标题按钮被剪切

Question

所以我在 wordpress 中有这个标题，我需要在其中放置一个按钮，当登陆该网站时它看起来不错，，但是当您滚动时，我会在按钮底部的一半上方看到一个奇怪的白框，。另外，搜索框在旁边，好像没有对齐。

我将类“菜单按钮”应用于按钮，以及以下样式：

.menu-button a{     
    background-color: #FAA723;
    padding: 20px 25px;
    max-height: 40px;
    letter-spacing: 1px;
  font-size: 20px;
  font-family: 'Saira Extra Condensed',Helvetica,Arial,Lucida,sans-serif!important;
  font-weight: 600!important;
  text-transform: uppercase!important;
    color: #FFFFFF!important;
}

没有这些样式，它看起来像，它下面添加了某种填充，

有人遇到同样的问题吗？或者有没有什么方法可以使用 Divi 使 wordpress 的按钮更快？

Answer 1

您使用的是主题生成器还是标准菜单？

使用 Theme Builder，您应该能够将按钮添加到您的菜单中，几乎不需要额外的 css。

没有看到你正在处理的实际页面，这是我最好的猜测。如果您使用的是标准 Divi 按钮，那么您的 css 类中的顺序是倒序的（对于模块中定义的类）。 Divi 菜单已经通过定制器定义了最大高度，因此您可以直接使用该值。试试这个：

a.menu-button{     
background-color: #FAA723;
padding: 20px 25px;
letter-spacing: 1px;
font-size: 20px;
font-family: 'Saira Extra Condensed',Helvetica,Arial,Lucida,sans-serif!important;
font-weight: 600!important;
text-transform: uppercase!important;
color: #FFFFFF!important;}