Cant override default styles on Submit button

Hi mxpimp47 please read the following URL.

Kind regards

I have read that, I have reset all styles, deleted the plugin and started from scratch. I have used this plugin for years and never had this problem before. I cant seem to get the submit button to change in padding, or height/width. You can see the styles are shown in the inline styling of the element but they are not visually applied.

What else could it be?

Hi mxpimp47 have you updated any other plugin or theme that might have caused this issue?

No I cant think of anything that would conflict. When you use the inspector you cant find anything overriding it via css.

Hi mxpimp47, I had a look at your URL above and found the following CSS code for you to edit the button.

input#fscf_submit1 {
min-height: 40px !important;
width: 100px;
height: 25px !important;
padding: 10px;
}

As you can see from above I changed the min-height: 40px and I also changed the height: 25px. That allowed me to change the height if that is what you were trying to change.

Does that answer your question?

Kind regards

Thanks for the reply, but no that does not answer the question. I implemented those styles via external css style sheet. But the height wont change, or the padding. Only the width actually changed.

Hi that code that I posted above actually changed the height. That is why I posted the code. If you implement that code especially the min-height: 40px !important; it will force the height to be reduced. Then simply controlling the height through height: 25px !important; will allow you to control the actual height.

Let me know if that helps you.

Regards

I will post a video of it not working in the inspector soon as I get back to my computer. It’s not changing at all for me. Only the width will resize for some reason.

I already have a min-height important style and a height important style applied – nothing changes.

Okay I look forward to your reply.

Thank you

Ok here is a screen vid of me editing via the inspector. https://recordit.co/pmHlAiRiyE.gif

Okay thank you for the video ??

What browser are you using? I have tested the above code submitted here using Firefox 30.0.

I am using a laptop running Windows 7.

I am in chrome. I will open in safari and see if what I have saved works. Possibly a cache problem, but weird that it would only load part of the styles….

just tested in safari and it didnt show the css for the height. Only the width…

Are you using Mac?

Make sure that you clear all the browsers cache.

yes – I will do that. But I did try on another computer today on a different network too. So I figured I ruled out the cache chance.