Title: Missing functionality Last modified: August 30, 2016 --- # Missing functionality * [scrambler](https://wordpress.org/support/users/scrambler/) * (@scrambler) * [10 years, 11 months ago](https://wordpress.org/support/topic/missing-functionality-4/) * First Nice work, this looks like a very promising tool. * Unless I missed something, one thing seems to be missing. * As you inspect the page, it shows you all the CSS Properties being set on the right and all the selectors on the left, but it does not actually shows you which property uses which selector, so you don’t really know which selector is the best one to use for changes for a specific attribute * One thing you could do is, if when clicking on a CSS property on the right, highlight the selector used to set that property on the left. * [https://wordpress.org/plugins/so-css/](https://wordpress.org/plugins/so-css/) Viewing 7 replies - 1 through 7 (of 7 total) * Plugin Author [Greg – SiteOrigin](https://wordpress.org/support/users/gpriday/) * (@gpriday) * [10 years, 11 months ago](https://wordpress.org/support/topic/missing-functionality-4/#post-6203443) * Hi scrambler * Thanks for the feedback. SiteOrigin CSS definitely has a long way to go, so hearing these sorts of ideas is really valuable. * I like that idea, hovering over the selectors should highlight the properties defined by the selector and vice versa. I’ll try get this in, in a future update. * Thread Starter [scrambler](https://wordpress.org/support/users/scrambler/) * (@scrambler) * [10 years, 11 months ago](https://wordpress.org/support/topic/missing-functionality-4/#post-6203465) * Glad to hear back 🙂 Looking at the existing browsers’ developer tools will be a good source of ideas for functionality. * Thread Starter [scrambler](https://wordpress.org/support/users/scrambler/) * (@scrambler) * [10 years, 11 months ago](https://wordpress.org/support/topic/missing-functionality-4/#post-6203494) * A couple more suggestions if I may 🙂 * 1)Often people need to override the theme CSS in order to change an element individually. For example if the theme has a global rule to style ALL images, someone may want to change that style just for one particular image. * From what I have seen, right now the plugin offers all the existing selectors styling the object, but if you want to style this one individually and there are only global existing rule, you are left having to figure out the selector. I realize this is far from a trivial problem, as for starter, there may not be a possible selection of selectors that could target the object individually. But if you could see a way to suggest possible selectors combination for individual tragetting that could be of great help. At a minimum, you could check if the selected object has an ID and offer that as a possible selector. * 2)I may be missing a shortcut, but don’t find it easy to change site pages when inside the plugin visualization and edit mode. The only way I found is to right click on a menu item in the page and say open. It would be nice to have a selection tool that we could use to click on the page links to switch pages directly. * That would help working on the various pages of the site, but could still make it impossible to work on pages that are not accessible by a menu in the page. In order to be able to do that you could do two things. – have a URL box at the top of the page visualization where we can type the URL of a specific page– Add a button to launch the plugin in the page and post editing page. Like that when setting options in a page, you could launch your tool on that page directly from the page editing page itself. * looking forward to your tool evolution 🙂 * Plugin Author [Greg – SiteOrigin](https://wordpress.org/support/users/gpriday/) * (@gpriday) * [10 years, 11 months ago](https://wordpress.org/support/topic/missing-functionality-4/#post-6203565) * Thanks for the awesome feedback – again, please keep it coming. * 1) At the moment, it should be adding a selector for each element that’s essentially that element’s id or classes. * The long term goal is to make SO CSS smart enough to really analyze a theme and its HTML to make far more intelligent suggestions. * 2) For this, you can click on the little magnifying glass icon in the inspector to toggle the inspector on/off. When it’s off, you can click on any links. Right now, every time you click on a link the inspector is active by default on the next page. I’d like to make this persist across page loads rather. * Lots of evolution to do. I’m looking forward to making all these improvements. * [Denis Michaud](https://wordpress.org/support/users/denis-michaud/) * (@denis-michaud) * [10 years, 11 months ago](https://wordpress.org/support/topic/missing-functionality-4/#post-6203579) * When clicking on the two buttons, the Inspector does not open, nothing happening. Why? * Thread Starter [scrambler](https://wordpress.org/support/users/scrambler/) * (@scrambler) * [10 years, 11 months ago](https://wordpress.org/support/topic/missing-functionality-4/#post-6203580) * 1) I am not sure I follow what you mean. But _“The long term goal is to make SO CSS smart enough to really analyze a theme and its HTML to make far more intelligent suggestions.”_ Sounds promising 🙂 * 2) I had missed that so this is good to access pages that have clear links on the page. I still think you need a way to get to a page directly for pages that may have the link buried inside the web site, or for test pages that may not even be accessible from the site. So I would say bot my suggestion would be useful there * 3) Selectors: I looked closer at what was going on with selectors and I am a bit confused. * What I am seeing is that when I select an element, it shows me the complete selector hierarchy at the top (beside the magnifying glass). * Then under that on the left are “Some” selectors being used for the styling of the selected object, and on the right “some” of the CSS properties being applied to that object. * The “some” is what confuses me. It looks like only the rules that specifically include the html tag of the selected object are there, but the ones that are being applied through a class are not. * So we are actually not seeing all the CSS properties applied to the object, nor are we seeing all the Selectors used to style that object. * I think that when you select an object, you should go through ALL the active CSS rules being applied to it (inherited or otherwise), and show them all (All selector used in these rules and all CSS properties applied). * In terms of UI, I see two approaches. A) The left side would show ALL the selectors used, and on the right you would show only the CSS properties that belong to an highlighted selector on the left. * B) The left side would show ALL the CSS properties applied to the object (what he browser developer tools shows under Computed), then when clicking on a specific property it would highlight it and show the selectors used to set that property on the right. * Approach A makes more sense to someone who knows and understand CSS, approach B makes more sense to a novice user. * Maybe you could provide both with a mode choice to show either of these two display 🙂 * The idea is that when selecting an element, we should be able to see every property being applied to it, and which selectors are used to set each of them. Then we would want to know if the rule is specific to that object only or if it applies to other things, and if it does get a recommendation on how to make an overriding rule unique to the object. * Eventually it may be easier if I could send you links to test pages, but the test site I used in inside a sub folder of a public site so I would rather not post the link here. * [Pepper_Brand_Managers](https://wordpress.org/support/users/pepper_brand_managers/) * (@pepper_brand_managers) * [10 years, 7 months ago](https://wordpress.org/support/topic/missing-functionality-4/#post-6203654) * Great work. I’ll be keeping an eye on this plugin. A couple of suggestions that would make a big difference: * 1 – **Edit CSS button** on the WP header bar so we can edit the page _from_ the page. The current system requires you to dig deep into the interface then navigate your way back to the relevant page. IMO a simple ‘Edit CSS’ button would make it extremely user friendly. * 2 – (and this is a deal breaker for me) **True templating**. I did note that you can import/export layouts but I need the ability to be able to edit that layout and have it apply globally. * I’ve only spent a couple of hours so I may have just missed these features. * Cheers. Viewing 7 replies - 1 through 7 (of 7 total) The topic ‘Missing functionality’ is closed to new replies. * ![](https://ps.w.org/so-css/assets/icon.svg?rev=2556879) * [SiteOrigin CSS](https://wordpress.org/plugins/so-css/) * [Support Threads](https://wordpress.org/support/plugin/so-css/) * [Active Topics](https://wordpress.org/support/plugin/so-css/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/so-css/unresolved/) * [Reviews](https://wordpress.org/support/plugin/so-css/reviews/) * 7 replies * 4 participants * Last reply from: [Pepper_Brand_Managers](https://wordpress.org/support/users/pepper_brand_managers/) * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/missing-functionality-4/#post-6203654) * Status: not resolved