nsdlfefinedieicbe nsdlfefinedieicbe - 2 years ago 63
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;

Answer Source

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>

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download