Does Microthemer apply styles sitewide?

Hey Darron,

Thanks for sending me access to your site.

Copying MT CSS code
I noticed that you have copied some Microthemer CSS code to simple CSS, which outputs the CSS code to the head of the page. This means that the CSS code is output twice if you have Microthemer active. But overriding these previous MT styles in MT now will not be possible because the simple CSS code is output after MT’s stylesheet. Because of the source order, the simple CSS code will trump MTs code. So I recommend removing the code from simple CSS while you make changes in MT. And then copy the latest MT code back to it afterwards, if that is what you like doing.

Fixing the styling issue
But in terms of the lists and headings formatting issue, that styling is applied by your theme, not by Microthemer. So the above info is just an FYI to save you some potential confusion if certain MT changes don’t appear to do anything.

The (fairly complex) selectors in your theme that added extra spacing / misaligned the bullets is shown below. I’ve created 3 selectors in MT to override these styles. See the Content folder. All the selectors I created start with Theme override – …

So your theme just had some styling that was affecting content on the wound care page differently from the rest of the site. And I’ve shown by example how to fix this with Microthemer. Hopefully looking at the selectors and styles I’ve added in MT will help you understand/learn.

Theme selector that removed the left margin on bulleted lists, causing bullets to be out of place:

.single-post.content-max-width .entry-header, .single-post.content-max-width ul.meta, .single-post.content-max-width .entry-content h1, .single-post.content-max-width .entry-content h2, .single-post.content-max-width .entry-content h3, .single-post.content-max-width .entry-content h4, .single-post.content-max-width .entry-content h5, .single-post.content-max-width .entry-content h6, .single-post.content-max-width .entry-content blockquote, .single-post.content-max-width .entry-content p, .single-post.content-max-width .wp-block-image, .single-post.content-max-width .wp-block-gallery, .single-post.content-max-width .wp-block-video, .single-post.content-max-width .wp-block-quote, .single-post.content-max-width .wp-block-text-columns, .single-post.content-max-width .entry-content ul, .single-post.content-max-width .entry-content ol, .single-post.content-max-width .wp-block-cover-text, .single-post.content-max-width .post-tags, .single-post.content-max-width .comments-area {
    margin: 1.5em auto;
 
}

Theme selector that indented content by adding left/right padding:

.single-post.content-max-width .thumbnail, .single-post.content-max-width .entry-header, .single-post.content-max-width ul.meta, .single-post.content-max-width .entry-content h1, .single-post.content-max-width .entry-content h2, .single-post.content-max-width .entry-content h3, .single-post.content-max-width .entry-content h4, .single-post.content-max-width .entry-content h5, .single-post.content-max-width .entry-content h6, .single-post.content-max-width .entry-content blockquote, .single-post.content-max-width .entry-content p, .single-post.content-max-width .post-tags, .single-post.content-max-width .entry-share, .single-post.content-max-width nav.post-navigation, .single-post.content-max-width #author-bio, .single-post.content-max-width #related-posts, .single-post.content-max-width .comments-area {
    padding-left: 20px;
    padding-right: 20px;
}

Ensuring styles only affect the current page

Microthemer does have an option for applying styles to just one page. This is set when creating selectors in targeting mode. The following video shows an example of this (it also shows how to use the re-target option to change the targeting of an existing selector): https://screencast-o-matic.com/watch/cFVIX4olWj

I hope that helps.

Cheers!
Sebastian

P.S. I tried to reply to your private message but got a bounce back from the email address you provided via the contact form. Please send me another message via the contact form if you would like to discuss any sensitive information.

Hey Darron,

Thanks so much for the kind words. I’m glad I was able to help. I plan to add a series of short how to videos in the not too distant future. In the meantime, I would check out the targeting video for learning some of the useful advanced features: https://themeover.com/videos/?name=targeting

Oh and I don’t have a donations facility, but I appreciate the thought!

Have a great day 🙂

Sebastian