Mihai GnG Posted Monday at 04:04 PM Posted Monday at 04:04 PM Hello, I wanted to know how i do unhide all the css in the code editor without being in designer mode, i had an older version that i used and i was able but now in the latest one, after i upgraded, i want to make a new theme for my community and i just can't do it without being in designers mode, and the biggest issue is that i have the old theme there as well that i can take code from there and include into the new one but once i go designer mode and back, the old theme breaks and needs reuploading every time... Please help me unlock them css because is really not cool to not see anything, also there are classes that if i want to see and i check with inspect element, some child classes can't see them only in certain situations but if i go into the css file itself i can see all what is related to that class and be able to add into the custom css what to modify on it. Thanks in Advance.
Jim M Posted Monday at 04:11 PM Posted Monday at 04:11 PM A release last year (going off memory) took out the core CSS and made it unable to modify the code. There were too many complications of allowing this, thus, it was removed. You can review the CSS in designers mode or on the front-end but it is not able to be modified. You would use your custom.css (or other custom files) to override or add style.
Mihai GnG Posted Monday at 04:19 PM Author Posted Monday at 04:19 PM I understand that one, but for some users would be nice to at least see them all without being needed to go into designers mode, you know well that you have css classes that shows only if certain conditions are met, well can't see them ones without those conditions which makes my coding for the new theme, way harder... I had no issues with them being edited because at each update i took my time to update the theme on the test platform and then make the update on the main platform and upload the theme there and everything was fine 6 minutes ago, Jim M said: You can review the CSS in designers mode or on the front-end but it is not able to be modified Where i can see them? Could not find it... I see only the custom.css for now, i don't know where else i could check to see all the other css files. Also... if i change something inside the custom.css for some stuff i still need to use the "!important" tag?
Jim M Posted Monday at 04:21 PM Posted Monday at 04:21 PM Just now, Mihai GnG said: I understand that one, but for some users would be nice to at least see them all without being needed to go into designers mode, you know well that you have css classes that shows only if certain conditions are met, well can't see them ones without those conditions which makes my coding for the new theme, way harder... You would use a browser developer mode and you can see all of those classes and test special conditions, etc...
Mihai GnG Posted Monday at 04:22 PM Author Posted Monday at 04:22 PM 2 minutes ago, Mihai GnG said: Also... if i change something inside the custom.css for some stuff i still need to use the "!important" tag? Alright, and what about this one?
Jim M Posted Monday at 04:25 PM Posted Monday at 04:25 PM Just now, Mihai GnG said: Alright, and what about this one? You would want to check what you have there. The custom.css is loaded last so should cascade/overwrite appropriately in a vast majority of cases. There may be some specific cases which !important is still required to override but in version 5, we are cleaning a lot of this up.
Mihai GnG Posted Monday at 04:27 PM Author Posted Monday at 04:27 PM Just now, Jim M said: You would want to check what you have there. The custom.css is loaded last so should cascade/overwrite appropriately in a vast majority of cases. There may be some specific cases which !important is still required to override but in version 5, we are cleaning a lot of this up. Ohh, alright, well at least in v5 will be cleaner that would be awesome for themes. Thank you very much for your help, i will see how i can get around this theme editing mode.
Recommended Posts