html - 如何使 div 中此电子邮件选择表单中的 h2 响应?

标签 html css wordpress responsive-design

我在 Elegant Themes 的 Divi 主题中创建了一个登录页面。这是 the link给它。选择形式主要是响应式的。除了在智能手机或平板电脑上查看表格时,h2 显示“今天加入!”当我实际上希望它位于屏幕中央时,它会被左调整。

在智能手机或桌面上查看页面时,如何使用 CSS 更改 h2 使其在选择表单上方居中。我尝试通过以下方法解决智能手机 View 的问题:

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) .et_pb_newsletter { h2 {
text-align: center;
align: center;
}
}

但是,它并没有达到预期的效果。如果您能提供任何帮助,我将不胜感激。非常感谢!

最佳答案

.et_pb_newsletter_description 中,您将 float 设置为左​​侧。将其设置为 none 或完全删除 float 。您应该能够在自定义 css 中执行此操作。

关于html - 如何使 div 中此电子邮件选择表单中的 h2 响应?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45155818/

相关文章:

html - 高度为 : 100%, 的 div-css 表格 div-rows 在 IE7 中不调整大小

javascript - 当用户单击按钮时打开 Google 文档

html - 所有屏幕的右侧内容中心

php - 存储用于 wordpress 主题的全局值

MySQL 查找和替换未按预期工作(序列化数据)

html - 如何将旁注与标记元素对齐在同一水平面上?

html - 为什么下面的H3标签不 float ?

html - 如何在页面底部有一个粘性页脚,但又不与其他元素重叠?

css - 为什么我的 CSS 动画不工作?

php - 将 Wordpress 最近的帖子集成到现有网站中