nsdlfefinedieicbe nsdlfefinedieicbe - 1 year ago 33
CSS Question

reduce the width of the "subscribe" button

we have "subscribe" button as here,

enter image description here

but we want to reduce the extra width and want to display as like in this

enter image description here

we are using same code in both

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

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


use below code and adjust padding as you want. Hope this will help you. Thanks.

{ background: #ff7704;
    border: none;
    color: #fff;
    padding: 7px 50px;}
<button type="submit" title="Subscribe" class="button"><span><span>Subscribe</span></span></button>