Issue theming a button inheriting styling from WP Simple pay

Hey Jonathon,

Thanks for reporting this. I’m glad you found and shared your solution. Another option would be to simply rename the selector from “6” to e.g. “Button 6” via the field in the top toolbar (to the right of the lightening bolt icon).

Basically, Microthemer doesn’t want selector labels to be plain numbers because it messes up its internal processes. But incidentally, it’s also not valid CSS to reference an id that starts with a number e.g. #6. Classes and ids need to start with letters (or a hyphen/underscore) e.g. #s6.

Normally numbers aren’t used at the start of classes or ids when the HTML is defined, so this is a bit of an edge case. But according to the article I referenced, it is valid HTML (even though it isn’t valid CSS). And could still be targeted using an attribute CSS selector e.g.

button[id="6"] {
   color: red;
}

But with Microthemer, it might be easier to just use an alternative suggestion from the list (also in the top toolbar).