Question

http://justin.derp.us/
(jquery mobile)

How can I edit it so there is only one?
I’ve tried playing with both css’s and cant seem to break down into one.
[I don’t understand the http://justin.derp.us/mobile/jquery.mobile-1.0.min.css, its all .ui]
The /css/styles.css I get, but changing it won’t do anything because the default one is taking over.

Answer 1

Add opacity: 0; to your #submitButton style definition in /css/styles.css

UPDATE

To make the bigger one disappear:

a) Add opacity: 0; left: 226px; top: 0px; to your #submitButton style definition in /css/styles.css

b) Make sure your styles.css is referenced after jquery mobile’s. If that does not work, add the following inside your after every other css tag.

<style>
.ui-btn-inner {
   display: none;
}
.ui-btn-up-a {
   border-width: 0;
}
</style>

That should do it! 🙂