Custom CSS in Vigilance theme

• 

  takebackyourschool · Member · Jan 13, 2010 at 1:36 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I have the custom CSS upgrade and just switched over to the Vigilance 1.22 theme. When I go to custom CSS edit page and view original stylesheet, it contains very little info and says at the bottom:

  “Make all custom CSS changes in a Child Theme. See this tutorial for instructions:
  —-> http://themes.jestro.com/vigilance/easy-upgrading-wordpress-child-themes/ <—-
  Any custom changes you make here will be overidden when you upgrade the theme.”

  …. which is confusing because that link leads to instructions that are quite clearly for wordpress.org users.

  So my question is: can I make custom CSS changes to Vigilance? If so, do I do it in the usual custom css box?

  Also, where can I find the original stylesheet for this theme?

  (I searched the forums for this topic but no one gave a solid answer to these questions.)

  Thanks in advance!

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

• 

  takebackyourschool · Member · Jan 13, 2010 at 4:13 pm

  • Copy link

  Ok, I have found a few threads about this issue, and the original stylesheet here: http://s3.wordpress.com/wp-content/themes/pub/vigilance/css/master.css?20090324

  I suppose all I really want now is a copy of that stylesheet that ISN’T all jumbled up, with proper spacing! If anyone has such a copy, pleeeease let me know. You would be saving me a lot of time.

  Thanks!

• 

  timethief · Member · Jan 13, 2010 at 5:04 pm

  • Copy link

  Have you read this post?

  The common mistake 98% of people, who have the CSS upgrade, make when modifying a theme is to paste the WHOLE theme’s CSS code in the CSS Editor. DO NOT DO THAT! ….

  http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

• 

  takebackyourschool · Member · Jan 13, 2010 at 5:11 pm

  • Copy link

  Yes I have, thanks!

  Just wondering if anyone has a nice clean version of the original Vigilance stylesheet that I can go off of… thanks.

• 

  timethief · Member · Jan 13, 2010 at 5:21 pm

  • Copy link

  Perhaps I’m wrong because I’m no CSS whizz but it seems to me that if you want to see the theme’s default css, the easy way to do it would be to view the HTML source of the blog and get the address of the css stylesheet from the <link rel="stylesheet" href = "location of the css file">

• 

  takebackyourschool · Member · Jan 13, 2010 at 5:33 pm

  • Copy link

  yeah, that only brings you back to the messy code.

  However I just fixed it all with http://www.cleancss.com/

  Thanks for your help!

• 

  timethief · Member · Jan 13, 2010 at 6:40 pm

  • Copy link

  Yay! You solved the problem. You’re welcome. :)

• 

  imaprile · Member · Jan 16, 2010 at 7:07 am

  • Copy link

  FYI: I recommend using Firefox’s plug-in “Firebug”. It’s a CSS editor that changes/edits your CSS on a live page. Simply tweak it to your liking, then copy/paste to your CSS page on your dashboard. Done. I was completely LOST when I originally bought the CSS Upgrade, but now I’m whizzing right through my customizations. Take a look see: http://imaprile.com

  Good Luck!