Notice: this information was written when Microthemer version 2 was current. On Dec 26th, 2014 version 3 was released with a completely new interface. Some of the information may be redundant, but as much of
the functionality remains the same in version 3 we haven't deleted this post.
First I have to say – I love this plugin. Although I’m not a developer and couldn’t write CSS code if my life depended on it, with MicroThemer and a little googling around I can pretty much figure out everything I need.
One thing though.. let’s say I’ve found some particular styling I’d like to apply to let’s say buttons, and it’s quite complex to replicate using traditional way – choosing every single item individually. I feel it would be easier just copy/paste whole code and apply same styling there. Before I started using Microthemer I just created custom.css where I just copied the whole code I found somewhere online to style an item.
I couldn’t find an option to do this. Could you please point me out to the right direction?
I’m glad to hear that Microthemer is enabling you to get more things done. You have two options when it comes to custom CSS code.
1. On the bottom icons, the one on the right that reveals more icons in a popup will reveal a custom CSS icon. Click that and then paste your custom CSS into the textarea.
2. You can also paste styles in the CSS selector textarea (when you first create it or by clicking the “modify” link to the right of the selector). If you wrote “p { color:red; }” instead of just “p” in the CSS selector textarea, Microthemer would detect the presence of the curly braces and include the style red. The selector name gets prefixed with a “{}” to remind you that the selector has style code on it.
I hope that helps!
Please let me know if you require further assistance.
.
