Retro-fitted: Customizations on .org

• 

  limetreefruits · Member · Oct 20, 2012 at 3:47 pm

  • Copy link
  • Add topic to favorites

  Hello,
  I am planning on moving to wordpress.org and although I will change the design in the future, right now I want to be able use what I have so far.

  I searched and found that WP.org has retro-fitted theme available. Great!

  But then how do I transfer the CSS customization I did?

  If I should post this on .org forum instead of here let me know and I will move it.
  Thanks

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

• 

  foomandoonian · Member · Oct 20, 2012 at 5:17 pm

  • Copy link

  Probably like this:

  1. Copy the custom CSS into a text file and save as mystyles.css (or whatever).
  2. Via FTP, upload this into the theme along with the other CSS files. (wp-content > themes > [your theme] > css)
  3. Now add a link in your header.php file (or whichever file has the HTML head info) to call in that CSS, after all the other links. It should look like this:
     <link href="<?php echo get_stylesheet_directory_uri(); ?>/my_theme/css/mystyles.css" rel="stylesheet">

  Alternatively, the Jetpack plugin from WordPress.com lets you edit CSS in exactly the same way. Just install it and paste your code in over there.

• 

  designsimply · Member · Oct 26, 2012 at 3:36 pm

  • Copy link

  I would recommend Jetpack Custom CSS first (the one foomandoonian mentioned).
  http://jetpack.me/support/custom-css/

  Or if you don’t use Jetpack Custom CSS, I would recommend creating a child theme:
  http://codex.wordpress.org/Child_Theme

• 

  limetreefruits · Member · Oct 29, 2012 at 12:16 am

  • Copy link

  HI Thank you both!
  I am using JetPack and kind-of-sort-of is working ok. A few changes still to go but it is all good. Thanks!