Changes to Dashboard/CSS Stylesheet Editor Page

• 

  sensuousinkspiller · Member · Dec 9, 2012 at 3:14 am

  • Copy link
  • Add topic to favorites

  As others have posted, the link to the base theme stylesheet is no longer available through the page, and having to search for it is tedious at best.

  The other changes under Preview box, such as:

  Preprocessor: None Edit
  Mode: Add-on Edit
  Mobile-compatible: No Edit
  Content Width: 584 px Edit

  Is there going to be some sort of explanation for them? Support pages for CSS don’t show these. “Content Width” and “Mobile Compliant” I can figure out, but the others… I don’t have any idea what they mean on WordPress, and the thought of clicking them to find out isn’t comforting. Am I editing MY edits, or ADDING on to the Base page, or…?

  Help, please!

  Thanks.

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · Dec 9, 2012 at 10:35 pm

  • Copy link

  I hope this helps. https://wpcom-themes.svn.automattic.com/twentyeleven/style.css
  I also tagged this thread for Staff attention.

• 

  sensuousinkspiller · Member · Dec 9, 2012 at 11:00 pm

  • Copy link

  Thank you, timethief, that does help! :-)

  What I had saved on my computer turns out to be an older version, and things weren’t looking quite right. I’ve bookmarked this one!

• 

  timethief · Member · Dec 9, 2012 at 11:02 pm

  • Copy link

  Glad to help and best wishes with your CSS editing.

• 

  zandyring · Staff · Dec 10, 2012 at 8:47 pm

  • Copy link

  Hi there,

  You can read more about the edit CSS page here:
  http://en.support.wordpress.com/custom-design/editing-css/

  This was recently updated to be as helpful as possible – and is always a priority for updating ASAP when changes are made, so if things start looking different to you, check this page out.

  Cheers!

• 

  sensuousinkspiller · Member · Dec 10, 2012 at 9:00 pm

  • Copy link

  Thank you – that page hadn’t been updated when I originally posted.

  It does help, however it doesn’t mention:

  Preprocessor: None Edit

  Any idea what that does?

  And will we be getting back the link to “view the original stylesheet” for the base theme on the Dashboard/CSS page? It was a great help.

  Thanks!

• 

  zandyring · Staff · Dec 11, 2012 at 1:15 pm

  • Copy link

  Hi again,

  I didn’t mean to totally ignore that part of your question – but I did. I apologize!

  So a CSS preprocessor is a dynamic stylesheet language (SASS and LESS). Basically, they’re an extension for CSS. If you are writing a bunch of CSS, you could use SASS or LESS to push updates as browsers introduce compatibility or new options become available, rather than digging through all your lines of CSS to find the applicable pieces of code.

  You can read more about them at their respective websites here:
  http://lesscss.org/
  http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html

  You can view the original stylesheet by clicking on “edit” next to “mode” and then you will see a link to pull up that stylesheet.

  Hope that helps!

• 

  designsimply · Member · Dec 27, 2012 at 7:07 pm

  • Copy link

  Also, here’s a recent CSS preprocessors announcement in case you’re interested in keeping tabs on new stuff going into the CSS Editor: http://en.blog.wordpress.com/2012/12/21/css-sass-less/

  I love that we keep adding new/cool stuff for you guys! :)