【问题标题】:Contact Form 7 Margin Styling Issue联系表格 7 边距样式问题
【发布时间】:2013-11-30 05:51:14
【问题描述】:

我正在为一家小公司 (please take a look here) 建立一个网站,但我很难弄清楚为什么我无法让联系表(右上角)上的文本框对齐正确。

无论我对 CSS 做什么,页边距都不会出现在表单字段的左侧和右侧。这就是我想要的只是两边的边距均匀。

这是 wordpress 上的联系表格 7 插件。目前表单上的所有输入都是 90% 的宽度。当我将其增加到 100% 宽度时,我希望它们与它们的父元素具有相同的宽度(这是它们包含的形式),但它们没有。它们总是比它们的父元素长 100% 宽度。有人可以给我一些关于如何解决这个问题的见解吗?有没有人遇到过这个或类似的问题并知道如何解决?

我会发布代码,但我什至不确定要发布哪个代码。我整天都在用萤火虫检查元素,但找不到问题的根源。非常感谢任何帮助,因为我对这种联系表格越来越不耐烦了。谢谢。

【问题讨论】:

    标签: css wordpress margin contact-form-7


    【解决方案1】:

    这样做:

     #sidebar #custom_cf7-3 .heading, #sidebar #custom_cf7-3 .wpcf7{
    
         margin-left:20px;
     }
    

    【讨论】:

    • 我刚试过你给我的代码。它似乎没有改变任何东西。我试过弄乱这些表单字段的边距,但由于某种原因,它似乎对它没有影响。
    • 我一直在 FF 和 Chrome 之间尝试。
    • 奇怪的是,我尝试了同样的方法,它成功了......等等,让我再检查一次
    • 我很好奇的另一件事 - 如果您在屏幕上将文本字段的宽度更改为 100%,它们是否会超出表单的边缘?
    • @DigitalBrent 你用.wpcf7 {margin: 0px !important;} 否决了边距删除这部分。
    猜你喜欢
    • 2017-01-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-08-19
    • 2013-09-19
    • 2020-06-06
    • 2015-03-30
    相关资源
    最近更新 更多