WordPress.org

Ready to get started?Download WordPress

Forums

MailChimp Widget
Editing CSS - Button Padding (2 posts)

  1. lpbrands
    Member
    Posted 1 year ago #

    Hello!
    I am interested in modifying the button padding for my widget, but cannot find the code in the CSS and have attempted to write my own in the Custom CSS file to no avail. As you will note, the button overlaps some of the email submission form and is fixable by editing the button padding.

    You can see the widget at the bottom of my site(footer). http://lpbrands.net/

    Also on the blog page (blog sidebar widget)
    http://lpbrands.net/lp-lifestyle-blog/

    I inspected the element and found this -->
    media="all"
    input[type="submit"], input[type="button"], a.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: .65em 2em .65em 2em; [<-----CHANGES HERE]
    color: white;
    font-weight: bold;
    border: solid 1px #E73D26;
    text-shadow: 0 0px 1px rgba(0, 0, 0, .7);
    background: #E73D26 url('../images/btn_bg.png') repeat-x top;
    margin-right: 5px;
    }

    Your assistance is kindly appreciated!
    Thanks!!!

    http://wordpress.org/extend/plugins/mailchimp-widget/

  2. Luke America
    Member
    Posted 1 year ago #

    Here are some styles to get you started...

    .widget_ns_mailchimp
    {
    	display: block;
    }
    
    .widget_ns_mailchimp br
    {
    	clear: both;
    }
    
    .widget_ns_mailchimp label
    {
    }
    
    .widget_ns_mailchimp input[type='text']
    {
    	float: right;
    	margin-right: 5px;
    	margin-bottom: 8px;
    	padding-left: 4px;
    	padding-right: 4px;
    }
    
    .widget_ns_mailchimp input[type='submit']
    {
    	margin-top: 8px;
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic