Make some Styles loaded on specific page only?

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

Author Posts

kfedorov November 24, 2019 at 11:08 am

I want to make several pages look like landing pages with lots of it’s own style and dont’want it to be present for other parts of the site.

Am I able to make some special styling that will be loaded only for this page as a separate file?

Sebastian November 24, 2019 at 11:54 am

Hey,

Yes you can. You make selectors specific to a given page at the targeting stage. The following video shows how to do this:

https://screencast-o-matic.com/watch/cFVIX4olWj

Is that what you were after?

Cheers,
Sebastian

kfedorov November 24, 2019 at 12:16 pm

Sebastian, thanks, you gave the right answere for the wrong question 🙂

Not to be present = not being even loaded, that is why I wrote about separate file.
Like choosing page_id will bring another file like /wp-content/micro-themes/active-styles_pade_id.css or some similar behaviour

Sebastian November 24, 2019 at 12:25 pm

Ah I see, sorry I misunderstood. That isn’t possible right now, but it’s a high priority for the future. You will be able to assign MT folders to certain pages, or types of page (e.g. post category). But right now, all CSS is written to a single stylesheet:

/wp-content/micro-themes/active-styles.css

You would need to split this apart manually right now. But that would be a bit fiddly of course.

Cheers,
Sebastian

kfedorov November 24, 2019 at 12:47 pm

Got it!
Ok, so it’s better to store style for such a pages in different folder and everything will be fine in future 🙂

Sebastian November 24, 2019 at 1:20 pm

Yes, that would make your life easier when you can start assigning folders to specific pages. And it’s not a bad way to organise your selectors anyway 🙂

You must login or register to reply to this topic.