I have the Fusion Theme (www.purecomplex.com) and I can't find the css language that will allow me to change the look of the subscribe form.
The Fusion Theme doesn't have any specific CSS rules setup for the subscribe form, and that means it will just inherit rules used for the sidebar in most cases. When that happens, you'll want to look at the HTML to see what selectors to use in your CSS.
Here is an example of the HTML for the visible elements of the follow widget while logged out:
<div class="widget widget_blog_subscription" id="blog_subscription-6"><h2 class="title"><label for="subscribe-field">Receive Updates via Email..</label></h2>
<form id="subscribe-blog" accept-charset="utf-8" method="post" action="https://subscribe.wordpress.com">
<p><input type="text" id="subscribe-field" value="" style="width: 95%; padding: 1px 2px" name="email"></p>
<p>
<input type="submit" value="Subscribe Today..">
</p>
</form>
</div>
To style the subscription field and the submit button separately, you would add CSS using selectors like this:
.widget_blog_subscription #subscribe-field {
/* CSS goes here */
}
.widget_blog_subscription input[type="submit"] {
/* CSS goes here */
}
Here is a more specific CSS example which changes a few things about the input fields:
.widget_blog_subscription #subscribe-field {
height: 25px;
border: 1px solid black;
color: #444;
}
.widget_blog_subscription input[type="submit"] {
background: darkorange;
color: black;
display:block;
width:100%;
padding:5px;
border:1px solid sienna;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}
Of course, this is just one way of styling the form elements, and you can add/remove/adjust the rules to your liking.
purecomplex
designsimply