Why is html different in two different themes?

TennesseeGrassFed

Hi,
I don't know much at all about html. I do know that the snippet I'm using which someone gave me, has looked the same in several themes I've tried. But here's a case where they look different. The first image is the code in a Freestack Theme Stacks 2 page and the second is the code in an Infinite Them Stacks 2 page.

Here is the code itself - pasted identically into both themes:

<form action='http://control.tennesseegrassfed.com/list.cgi' method='post'>
<input type='hidden' name='list' value='TN Grass Fed Newsletter'/>
<input type='hidden' name='redirect-success' value='http://www.tennesseegrassfed.com/newslettersuccess.html'/>;
<b>Please sign up to get the latest news,</b>
<b>and special offers from Tennessee Grass-Fed Beef</b>
<b>by entering your email address below, clicking on the appropriate buttons, and then checking your mailbox for a confirmation letter.</b><br/></b>
<input type='text' name='email'/><br/>
<input class='radio' type='radio' name='action' value='add' checked='checked'/> Subscribe
<input class='radio' type='radio' name='action' value='delete'/> Unsubscribe<br/>
<input type='submit' value='Subscribe/Unsubscribe'/><br/>
<b>Please note that we will NEVER sell, rent, or share your email address</b>
</form>

Can anyone help me figure out what the problem is?

Thanks as usual.

shukapaw

It looks like the theme's color scheme is altering the way your form looks.
I made some local modifications to your html and added some css which makes it all llok good on my end. However, you should test it after a quick publish to make sure it work right with your form.
I changed your form html to this:

<form action='http://control.tennesseegrassfed.com/list.cgi' method='post'>
<input type='hidden' name='list' value='TN Grass Fed Newsletter'/>
<input type='hidden' name='redirect-success' value='http://www.tennesseegrassfed.com/newslettersuccess.html'/>;
<b>Please sign up to get the latest news,</b>
<b>and special offers from Tennessee Grass-Fed Beef</b>
<b>by entering your email address below, clicking on the appropriate buttons, and then checking your mailbox for a confirmation letter.</b><br/></b>
<input class='myText' type='text' name='email'/><br/>
<input class='radio' type='radio' name='action' value='add' checked='checked'/> Subscribe
<input class='radio' type='radio' name='action' value='delete'/> Unsubscribe<br/>
<button><input type='submit' value='Subscribe/Unsubscribe'/></button><br/>
<b>Please note that we will NEVER sell, rent, or share your email address</b>
</form>

and added this to the Page Inspector > Header > CSS field:

/* this changes the text input field background and user text color */
input.myText{
background:white!important;
color:black!important;
}
/* This changes the button background color */
button{
background:white!important;
}
/* This changes the button text color */
button input{
color:red!important;
}

Let me know how this works

Brian

TennesseeGrassFed

Brian, this was great. It solved the problem for me and I really appreciate it. Thanks so much.
Martin

shukapaw

Glad it worked out. Does this mean I should be watching my mailbox for a couple of grass-fed sirloins?

Brian

TennesseeGrassFed

I wish! The farm is a project of my best friend. I've been doing the site as a labor of love. The good news for my buddy is that sales have been so brisk, the inventory is always low -- not a bad problem to have. I'm hoping to get a couple for me one of these days

Thanks again
Martin