Is it too late to make a child theme?

How did you edit the style.css file?
Did you add code at the end or did you modify it within the main code?

I guess the latter, so it will be hard to transfer all the changes to a child theme.

You could compare your edited style.css with the original style.css of the theme.

Just download the theme and open both files in a text editor. Most editors can highlight differences. You can do this with notepad++. Here are some instructions. You can use the compare plugin.

Create a child theme and paste all modified code in the child theme’s style.css.
Be careful when you are handling code in media queries (for specific viewport sizes): those should be pasted in the proper media queries (same as in original style sheet).

Good luck!

Thank you… that sounds like a plan I may be able to handle!

You are correct, I made all the modifications within the original style.css – although the changes were mainly colour changes of backgrounds and text… and a bit of spacing change for the width of the main pages… it may not be as difficult as I first thought.

In order to make the child theme, do I need the entire content from the original theme within the child theme folder – eg. duplicate original theme folder and simply rename twentyfourteen_child? Or do I only need the files that I’ve edited, ie. style.css

I’ve backed up the entire /blog files via ftp so I suppose if I mess it up I have that to fall back on…

Thanks again… Sx

I’ve tried to download notepad++ but it seems to be for Windows and I’m running OS X 10.8.5.

Just tried to use Mac Text Edit but there are no ‘compare’ functions.

Don’t suppose you know of a OS X text editor that does the same as notepad++ do you please?

??

Sorry, not a lot of experience with a Mac. I suppose most text editors have a similar function. Check for your editor searching google.

Please read the instructions for making a child theme as I linked to it above. In fact, you will only have to import your styling via css… But it’s all on the instructions page.

Thank you… have followed instructions from your link and made my child theme, just searching for a mac friendly text editor that gives me a compare function! Am I correct in thinking that I only add the edited bits of code to the twentyfourteen-child style.css?

It’s starting to make sense now ?? Fingers crossed it works.

Thank you so much for your help… have a lovely Sunday ??

You need to paste the modified code after this:

@import url("../twentyfourteen/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

as it is mentioned in the instructions.

I don’t know how far your CSS knowledge goes but this may be interesting:
– if you go from

h1
{
color: orange;
text-align: center;
}

to

h1
{
color: red;
text-align: center;
}

then you should paste the following into your child theme’s style.css:

h1
{
color: red;
}

– if the above piece of code is within a media query than you should include it in the same media query:

@media screen and (min-width: 600px) {
h1
{
color: red;
}
}

Have a nice sunday too!

It’s working a treat, thank you ??

Will close this post now, you’ve been very helpful…

Sx