A bit of background. I am trying to put together a small site to support a part-time consulting business I am starting. Retirement is a bit boring, especially in the winter here in Ohio.
I am using Wordpress running on Godaddy. I wanted to get the framework put together before I flushed out the content.
The problem I am having is I am trying to style the Submit button on my Contact Web Form to look like the rest of the buttons on my site. The page where the Web Form is loaded is https://tcconsulting.info/contact.. The button style I am looking for is on the Home and Services pages.
I created a submitbutton.css and I stored it in the same folder as default.css on the server.
Whatever I try to do, I am not getting the CSS to effect the style of the button.
I first added a Link to the new stylesheet in the generated ContactForm.html. When I got no results, I used the Chrome inspect and was able to determine the the submitbutton.css resource was loading.
I then added the "! important" property to each element in my CSS file. This had no effect.
Finally, I added an @import directive at the end of the default.css file. Again I could determine that the resource was loading.
I'm stumped at this point. Any hints would be appreciated.
Here is the css I am trying to use.
Thanks in advance for your advice.
#fb-submit-button a {
-ms-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
font-size: 1.1em !important;
padding: 1em 2em !important;
background: #ba0000 !important;
background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#870000),color-stop(1,#ba0000)) !important;
background: -ms-linear-gradient(bottom,#870000,#ba0000) !important;
background: -moz-linear-gradient(center bottom,#870000 0%,#ba0000 100%) !important;
background: -o-linear-gradient(#ba0000,#870000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba0000', endColorstr='#870000', GradientType=0) !important;
border: 1px solid !important;
border-color: #780000 #6e0000 #5e0000 #6e0000 !important;
color: #ffffff !important;
-webkit-border-radius: 0.5em !important;
-moz-border-radius: 0.5em !important;
border-radius: 0.5em !important;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065) !important;
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065) !important;
text-shadow: 0 1px 0 rgba(0,0,0,0.05);
}
#fb-submit-button a:hover {
font-weight: 800 !important;
text-decoration: none !important;
background: #c40000 !important;
background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#910000),color-stop(1,#c40000)) !important;
background: -ms-linear-gradient(bottom,#910000,#c40000) !important;
background: -moz-linear-gradient(center bottom,#910000 0%,#c40000 100%) !important;