Newbie questions

Hi Mirco,

I’ve merged your two topics so that I can provide answers to your questions in one place.

It sounds like there might be a plugin/theme conflict preventing Microthemer from functioning correctly. The point you made about losing your settings worries me the most. This shouldn’t happen. Microthemer auto-saves after every style you apply. It doesn’t auto-save after creating a folder or selector, but if you did lots of changes I’m guessing you did enter some styles right? By the way, you mat be able to retrieve your work using the revision restore feature in the left menu (which may need expanding).

Would you mind sending me login details for the site you’re working on so that I can inspect it with Firebug and make sure that no Javascript errors are occurring? You can use this secure contact form to send the login details: https://themeover.com/my-account/

In the meantime, in answer to questions 1 and 3:

Q1 Answer. Microthemer creates a stylesheet called active-styles.css located in /wp-content/micro-themes/active-styles.css. All the CSS it creates is located in this one stylesheet. It simply overrides the default CSS non-destructively by taking advantage of the rules of CSS specificity – which basically means that a style rule can override another style rule without having to delete it. You can read my tutorial about CSS specificity here: https://themeover.com/beginners-guide-to-understanding-css-specificity/

I wouldn’t manually change the CSS in active-styles.css directly if I were you. Your changes would be wiped out the next time you save your settings via Microthemer. If you want to write custom CSS code I advise that you use the custom code editor (click the code editor icon at the top right of Microthemer).

Q3 Answer. By default, Microthemer generates the most ‘specific’ selectors it can when you double-click something. It sounds like it has managed to target the heading 1 on just one page in your case. The idea is that you can broaden your targeting after double-clicking something by clicking the advanced options link and then dragging the slider on the targeting tab down. The getting started video has an example of using the targeting slider: https://themeover.com/quick-start-microthemer-video-tutorial/

I appreciate that the highlighting can’t reveal whether or not your selector will target the same element across different pages. As a rule of thumb, try the broadest option (if it doesn’t target more things than you want on the current page you’re viewing).

As you’ve already created your heading 1, here’s what you can do:

1. Navigate to the heading 1 selector you created using the main menu in the top
2. Then click the name of the selector in the breadcrumbs at the top (to the right of the main menu)
3. This will open the manual selector editing options.
4. Remove all of the CSS selector code apart from ‘h1’ (if you don’t see h1 please paste the selector you see and I will explain how to modify it)
5. Click the edit selector button.
6. Now your styles should affect all heading 1s across the whole site

I hope that helps. Please do consider sending me login details for site so that I can investigate any problems that might affect your ability to save your settings.

Note: it’s getting late in my part of the world so I might have to pick this up again in about 8 hours.

Cheers,

Sebastian