减少＆＃34;订阅＆＃34;的宽度按键

Question

我们有＆＃34;订阅＆＃34;按钮如此，

但我们希望减少额外的宽度，并希望在此

中显示

我们在

中使用相同的代码

.footer .block-subscribe .actions {
    float: left;
    width: 34.375%;
    margin: 0;
}

.footer .block-subscribe .input-box {
    float: left;
    width: 65.625%;
    padding-top: 0;
}

Answer 1

你已经左右填充了填充物     .button {     padding-left：40px;     padding-right：40px;     }

Answer 2

使用下面的代码并根据需要调整填充。希望这会帮助你。感谢。

＆＃13;

＆＃13;

   button
{ background: #ff7704;
    border: none;
    color: #fff;
    padding: 7px 50px;}

＆＃13;

<button type="submit" title="Subscribe" class="button"><span><span>Subscribe</span></span></button>

＆＃13;

＆＃13;

＆＃13;

Answer 3

您的问题是，在http://sbdev1.kidsdial.com/skin/frontend/rwd/Stylebaby/css/styles.css第300行，您已指定了按钮属性：

min-width: 140px

这就是导致按钮宽度扩展的原因。您可以通过多种方式选择删除/覆盖此属性，因此我将保留该实现详细信息。