Custom selectors for archive or category pages

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

Author Posts

berryc

Hello,
I’m targeting CSS on an archive page: http://sacs.wpcatholicsites.com/staff

Using the Microthemer targeting tool, I’m able to zero in to .post-type-archive-staff, but what I’m really trying to reach is .post-type-archive-staff .entry-summary and .post-type-archive-staff .entry-title

In situations like this, it’s probably easier for me to manually enter the selector. What’s the recommended action for that? I don’t see it when in targeting mode.

Also, when in targeting mode, I don’t see an option to create a folder on the fly…just the defaults like General, Header, etc. Is that not possible?

Thanks!

BTW – love the version 5 updates and integration with Beaver Builder.


Sebastian

Hey,

Great to hear that you’re enjoying the new version of Microthemer!

Here’s a video demonstration of prefixing the MT selectors with the category class. And creating a new folder on the fly. The MT suggestions are editable. And you can enter custom text in the folder field to create a new folder.

http://somup.com/cbihjJVjtg

Currently, prefixing is the only option for achieving what you want. But as I hint at right at the end of the video, I intend to add a field under the Page specific bit for entering a custom class or id. And then MT will automatically prefix all selectors with it. So you would just enter .post-type-archive-staff there once.

Footnote:
In your case, you might actually be able to just click the ‘page-id’ option via the CSS modifiers pop-down shown at the end of the video. MT will then prefix all of your selectors with .mt-4696, which is the unique page id for that category page. However, I’m not 100% sure if this is as robust as using the category class. Because the page id might change with pagination. And possibly in other ways I haven’t foreseen…

You must login or register to reply to this topic.