Widget formatting?

Support Area Forums Agency Widget formatting?

Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
URL to the page in question:
  • Author
    Posts
  • #5724
    ybike
    Participant

    Hi Bill,

    I’m having a little trouble making a specific widget look appropriate. Essentially it is the subscribe button for the email broadcasting service I use, MailChimp. The widget works fine, but it’s looking a little funny.

    Here is the link to my site:
    (widget located in top right under Monthly Newsletter)
    http://www.ybikeisthebomb.com/?page_id=79

    Here is approximately what the widget should look like:
    http://s.wordpress.org/extend/plugins/mailchimp/screenshot-5.jpg?r=533779

    #5733
    Bill Robbins
    Moderator

    Brian,

    Thanks for sending the links. Agency does override the styling of buttons, but you can turn that off. Here’s how to do that:

    1. Go to the Appearance section and select Edit to open up the theme editor.
    2. From the list of files on your right, choose style.css
    3. Look for this spot:
      
      input#searchsubmit, .button {
      	color: #fff !important;
      	padding: 5px 7px;
      	position: relative;
      	background: none;
      	border: none;
      	background-color: #282828;
      	cursor: pointer;
      	font-size: 18px;
      	-webkit-box-shadow: inset 0px 3px 8px rgba(0,0,0,0.8);
      	-moz-box-shadow: inset 0px 3px 8px rgba(0,0,0,0.8);
      	box-shadow: inset 0px 3px 8px rgba(0,0,0,0.8);
      	-webkit-border-radius: 5px;
      	-moz-border-radius: 5px;
      	border-radius: 5px;
      }
      
      input#searchsubmit:hover, .button:hover {
      	background-color: #fff;
      	color: #747474 !important;
      }
      
    4. You can delete the entire section, or you can just remove the , .button and , .button:hover so it only changes newsletter widget. If you do that make sure to delete the comma before the .button.
    5. Save your changes.

    That should leave you with a Email label, a field for the email address and an unstyled submit button.

    I hope that helps. If you need anything else, just let me know.

    Enjoy your weekend,
    Bill

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Widget formatting?’ is closed to new replies.