Styles plugin knocked out my child theme, need to get it back

Styles plugin doesn’t touch any settings related to your child plugin, but I would be happy to take a look at your site and see why it might no longer be enabled.

Can you provide some more info about your site? For example:

• What is your site address?
• What was your parent theme?
• What was your child theme?

If you can create a temporary administrator user for your site and e-mail the credentials to styles (at) stylesplugin.com that would be extremely helpful in finding a solution for you as well.

You likely just need to re-activate your child theme.

My chid theme is active – I tried switching to another theme and then back. My css file for the child theme has the same code, but only one style works from the style sheet, everything else is no longer applying. The only style that is applying is the background color for the nav and this is the one thing I played with in the Styles plug-in. I checked on the server, the Styles plug-in is gone, but apparently my use of it has messed something up that I can’t figure out.

Okay. Can you provide the additional information I asked for in the bullets? These will help a lot in finding a solution for you. For example, I can’t look at your site without knowing its address.

My site address is:
https://www.yogacenterofsantarosa.com
Parent theme is twentyeleven
Child theme is twentyeleven-child

I will now search how to set up a temporary admin

Thanks. You can set up a temporary admin at yogacenterofsantarosa.com/wp-admin/user-new.php

Nevermind the admin user. The reason your child theme styles aren’t showing up is because you have syntax errors in your child theme CSS. Specifically, you should change this block:

#access {
   /*background: linear-gradient(#745f94, #393f78) repeat scroll 0 0 transparent; */
	background: #745f94;/* Show a solid color for older browsers */
	background: -moz-linear-gradient (##745f94, ##393f78);/*(#252525, #0a0a0a); */
	background: -o-linear-gradient (##745f94, ##393f78);/*(#252525, #0a0a0a); */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(##745f94), to(##393f78)); /* older webkit syntax */
	background: -webkit-linear-gradient(##745f94, ##393f78;
	margin: 0;
}

to this:

/*change nav gradient color*/
#access {
   /*background: linear-gradient(#745f94, #393f78) repeat scroll 0 0 transparent; */
	background: #745f94;/* Show a solid color for older browsers */
	background: -moz-linear-gradient (#745f94, #393f78);/*(#252525, #0a0a0a); */
	background: -o-linear-gradient (#745f94, #393f78);/*(#252525, #0a0a0a); */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#745f94), to(#393f78)); /* older webkit syntax */
	background: -webkit-linear-gradient(#745f94, #393f78);
	margin: 0;
}

Notice changing ## to # and the addition of a closing parentheses on your last background line, webkit-linear-gradient. It was that lack of a ) that was causing your error. The other changes will just fix your colors in some browsers.

I will try that. I had copied this code from a help site and was wondering about the syntax of it. But there is more styles than that going wrong. Perhaps it is affecting the code under it.

Please delete that information from your message. It was requested you e-mail it for your safety. In the last message, you’ll see the solution to your problem. For the security of your site, please go ahead and delete that temporary user and edit your message to remove the login info.

Let me assure you that that code change will resolve your issue. I took the time to test it on a copy of your site. ??

I do hope you’ll try Styles again now. You should find that with that correction to your CSS, your site works well with and without Styles installed.

Thanks, that did fix it. So the Styles plug-in will not really interfere with my child theme? Trying to remember the order of things I did, when I put in this erroneous code. Where does the code go when you use the Styles plug-in? Using Firebug it looked like maybe it creates inline code. Or does it go into another css style sheet within the Styles plug-in files?

Sorry, was panicking, and I am new to the WordPress stuff. Thanks for the quick answer. I will try Styles again if I know that it won’t interfere with what I have already worked on in my theme.

Styles compresses its code and then inserts it inline at the end of your <head>. You will see it right after these lines:

<!-- Styles cached and displayed inline for speed. Generated by https://stylesplugin.com -->
<style type="text/css" id="styles-plugin-css">

Styles inserts this code inline because as dynamically generated CSS, your site loads much faster with this method than if Styles linked to a separate file.

When you save your changes, Styles caches the result and then only loads a very small portion of the plugin to display the result. This ends up being 99% faster than reloading the entire plugin and WordPress to display your changes.

Oh, and yes! Styles absolutely does not touch anything in your theme!! ??