Apply css globally

This topic has 1 reply, 2 voices, and was last updated 10 years, 4 months ago by Sebastian.

Author	Posts

andrejkobal December 12, 2014 at 2:20 pm	Heads up! this post was created when Microthemer was at version 2. The current version is 7. Some references to the interface may be out of date. Hi, just bought the plug-in and I love it. Anyway, is there a way to apply my changes globally. In concrete I have an event plug-in (Calendarize.It). I have applied some css changes to one of the event. But this modification it only works for this (one) event, if I go to another it doesn’t work. Is there any option – solution how to make it work on all events (globally). Thanks in advance
Sebastian December 13, 2014 at 11:10 am	Hi there, If you can post a link to your site I will explain how to adjust your events styling. But in the meantime, here’s an explanation of how to adjust the broadness of your element targeting in general, when you first create your selectors. When you double-click an element that you would like to restyle, there is a dropdown menu alongside the options for naming the selector in the selector wizard. By default, the preselected value in the menu is the “most specific” selector Microthemer could come up with after analysing the HTML on the page. So Microthemer would try to target just one image instead of all images across the site for instance. But you can make the targeting more broad by adjusting the values in the dropdown menu (even if you don’t understand what they mean) and watching how the highlighting changes. In your case it sounds like Microthemer is picking up post ids and incorporating them at the start of the CSS selector code, thus limiting the scope of the styles to the individual event. If you click the “Modify Selector” link on each of the selectors you created for styling the event and remove the “#post-id” bit you may find that your styles apply globally in the way you require. Of course I’m guessing at this stage. A link to your site will allow me to advise you better! Thanks, Sebastian

Author

Posts

andrejkobal December 12, 2014 at 2:20 pm

Heads up! this post was created when Microthemer was at version 2. The current version is 7. Some references to the interface may be out of date.

Hi, just bought the plug-in and I love it.

Anyway, is there a way to apply my changes globally.

In concrete I have an event plug-in (Calendarize.It). I have applied some css changes to one of the event. But this modification it only works for this (one) event, if I go to another it doesn’t work.
Is there any option – solution how to make it work on all events (globally).

Thanks in advance

Sebastian December 13, 2014 at 11:10 am

Hi there,

If you can post a link to your site I will explain how to adjust your events styling. But in the meantime, here’s an explanation of how to adjust the broadness of your element targeting in general, when you first create your selectors.

When you double-click an element that you would like to restyle, there is a dropdown menu alongside the options for naming the selector in the selector wizard. By default, the preselected value in the menu is the “most specific” selector Microthemer could come up with after analysing the HTML on the page. So Microthemer would try to target just one image instead of all images across the site for instance.

But you can make the targeting more broad by adjusting the values in the dropdown menu (even if you don’t understand what they mean) and watching how the highlighting changes. In your case it sounds like Microthemer is picking up post ids and incorporating them at the start of the CSS selector code, thus limiting the scope of the styles to the individual event.

If you click the “Modify Selector” link on each of the selectors you created for styling the event and remove the “#post-id” bit you may find that your styles apply globally in the way you require. Of course I’m guessing at this stage. A link to your site will allow me to advise you better!

Thanks,

Sebastian

You must login or register to reply to this topic.

Apply css globally

Support