CSS changes not reflecting on my Blog, What to do?

I have added a Lead Capture form (7 Great Lies Of Network Marketing) on my blog - www.vineetgupta.net

The HTML that I copied & pasted in Text Widget is coming up in the Sidebar.

But its formatting/ CSS is not showing up. What could be the reason?

(I have tried it in localhost, its working fine there, with the same theme.)

 

I tried to find the id of one of the input fields (id="mce-FNAME") in any of your .css files and it's nowhere to be found.

 

Since you provide no information on how you want it to look (an image or similar from your local page), it's not really possible to say - but I can tell you that there are no CSS rules showing up on the page you linked for that particular form, so I'm gonna go out on a limb here and guess that you either didn't upload the CSS for the form, or you didn't link the CSS-file (if it's a separate file)

 

I followed the instructions from

 

All you need to do is create your own styles for that widget and you won't have to depend on theirs. Ever.

Create your own styles for id="mce-EMAIL", id="mce-FNAME" and id="mc-embedded-subscribe"

 

But I have updated styles in CSS file of the theme, but I am clueless why its not showing up

 

Could you copy what you've added to the style.css file here? And you have uploaded the file, yes? And you're not using some stupid cache plug in?

 

I am using W3 Total Cache Plugin

Here's CSS Code:

#optin1 {
background: #393939 url(img/dark.png) repeat-x top;
border: 3px solid #111;
color: #fff;
padding: 20px 15px;
text-align: center;
}
#optin1 input {
border: 1px solid #111;
font-size: 15px;
margin-bottom: 10px;
padding: 8px 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 2px 2px #111;
-moz-box-shadow: 0 2px 2px #111;
-webkit-box-shadow: 0 2px 2px #111
}
#optin1 input.email { background: #fff url(img/email.png) no-repeat 10px center; padding-left: 35px }
#optin1 input.name { background: #fff url(img/name.png) no-repeat 10px center; padding-left: 35px }
#optin1 input[type="submit"] {
background: #960e17 url(img/red.png) repeat-x top;
border: 1px solid #111;
color: #fff;
cursor: pointer;
font-size: 18px;
font-weight: bold;
padding: 8px 0;
text-shadow: -1px -1px #3a060a;
width: 100%
}
#optin1 input[type="submit"]:hover { color: #ffa5a5 }

 

Those rules are NOT in ANY of your stylesheets on the page - reupload the CSS, perhaps, turn of the cache / run an update on the cache, and see if that helps. Also, when pasting code, please use the [ code ]-tags (without the spaces).

 

A good advice, when you testing site with Chrome use Incognito mode to make sure you don't load cached css files.

 

Disable your cache plugins. Delete your Cache. There are web hosts which use their own internal cache so matter how many times you do changes, it will not reflect. Make some major change on your website page and you will notice web host cache getting refreshed.