MicroTheme was working perfectly on the site then it stopped working

This topic contains 2 replies, has 2 voices, and was last updated by  Sebastian 4 years, 2 months ago.

Author Posts

rgbeatty21

The website, Caerion.com was using the plug-in without any issues. Then the MT plugin without any errors, does not change text font or any other CSS codes. Your thoughts since this is quite frustrating since I’ve cleared the brower cache, deleted and re-installed the MT plugin, and checked against the other installed plugins.


Sebastian

Hi Ricard,

Sorry to hear that you’ve encountered this frustrating issue. I will investigate itright away. Please could you send access details to your site via our secure contact form so I can troubleshoot?

From inspecting the frontend of your site with Chrome’s dev tools I can see an error that might be interfering with Microthemer:

www-widgetapi.js:99 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('https://swiftcdn6.global.ssl.fastly.net').

I will know for sure once I can inspect the MT interface.

Many thanks,
Sebastian


Sebastian

Thanks for providing access details. The error I noticed wasn’t the cause of your Microthemer issue. It was because a previous selector you created in Microthemer was overriding your most recent selector for setting the heading font-family.

I fixed this particular problem by changing the CSS code for the selector from:

h3 span

To:

.vc_custom_1532701988966 h3 span

This increased the ‘specificity’ of the selector, making it override your other selector. You can learn more about CSS specificity by reading our tutorial. It’s a good concept to understand when making style changes with Microthemer.

I also noticed that you have created multiple CSS selectors that target the same elements. When you are in targeting mode, if you hover over an element that you have already created a selector for, Microthemer will show a blue number instead of a green plus (+). If you click/hover over the number you will see a list of selectors, which you can navigate to instead of creating a new selector unnecessarily. Notice that you have 12 selectors targeting the heading:

Many selectors targeting one element

You can delete duplicate selectors via the Selectors menu at the top left of the interface. Or by clicking the name of the selector in the top toolbar and then clicking the delete icon. You might also benefit from renaming some of your selectors to give them more meaningful labels that the default label MT suggests when you first create a selector.

I hope this info helps. Please let me know if you need further assistance.

Thanks,
Sebastian

You must login or register to reply to this topic.