When I add code to my child theme, it doesn't change the site

Your site is using W3 Total Cache, so you need to make sure you clear that cache to see your changes. You may want to just disable it while you make your site changes, and re-enable it when you’re done. Also make sure to clear your browser cache as well.

Hey there,

Great that you are using a child theme – that is the right way to do it!

There could be a bunch of reasons:

The child theme is not setup properly

The child theme is not active

The css code is incorrect

Looking at your site I can see that you are using

twentyeleven-child/style.css

So you have the child theme enabled! Good!

Let me know what you want to change on your site and we can take a look at the css

LOL and what Bill says – is the likely cause….

Thank you so much ??
Kinda feel a little bit embarassed – it was so simple.
Happy that you are so kind to help ??

We like the easy ones. Glad you’re good to go.

@wpfan1000 – ??

So sorry,

I thought it had worked out.
But the code I write in the style.css in the child theme still doesn’t show in my website :(.
My host is ipage. Could that have anything to do with it?
Again, thank you so much for your help.

Your host should not have anything to do with it.

Let me know what you want to change on your site and we can take a look at the css

Thanks!
I would like to extend my site width to 1200px.
Besides, I would like to reduce spacing between header and content, between title and text and between content and footer.
Thank you so much ??

Hi,

The width is controlled by:
.one-column #page {
max-width: 690px;
}

Change that and let me know how it goes.

PS have you considered going to a core theme like TwentyTen, it is very similar to your theme but has a lot of the issues you are facing worked out.

There are many non core free themes which would be a good choice too.

Thanks!
Just did that, but it still doesn’t change anything in my website.
My style.css (child theme) is like this:

/*
Theme Name:     Twenty Eleven Child
Description:    Child theme for the Twenty Eleven theme
Author:         Greenhouse
Template:       twentyeleven
Version:        0.1.0
*/

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

.one-column #page {
max-width: 1200px;
}

Thank you for your suggestion.
I’m going to take a look at twenty ten also.
Thanks again for all your help.

This is the contents of your style.css file when I just took a look:

/*
Theme Name:     Twenty Eleven Child
Description:    Child theme for the Twenty Eleven theme
Author:         Greenhouse
Template:       twentyeleven
Version:        0.1.0
*/

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

.singular.page .hentry {
    padding: 10px 0px 0px;
}

.entry-content, .entry-summary {
    padding: 10px 0px 0px;
}

So the css for the width is not in there.

In addition to turning off wpcache, you may need to reload the site a few times in your browser, while you are logged in as admin. Try reloading your site say 5 times just to see what happens.

Another thing to do is in Firebug, see if any of your css from your child theme css is being seen in Firebug.

Firebug shows a link to which style sheet is being used for every class of css – hover over that link and you can see the path and source file.

Also if wp cache is off, there may be some other caching going on, and your hosting company should be able to help with that.

Thank you :)!!!
It seems it takes a little to load the changes.
It’s bigger now – like I wanted it to be.
Thank you so much ??
Any ideas on the spacing?