How to change CSS in a child theme? [closed]

Question

I want to change tweentyten style.css so that this:

#content img {
    margin: 0;
    height: auto;
    max-width: 640px;
    /*width: auto;*/
}

Will be the case (instead of the width being un-remarked)

I tried adding this to the file under the folder twentyten-child

But it didn't work.

Any more suggestions?

Answer 1

To make a child theme, see Theme Development: Child Themes.

Probably all you need to do is create a new directory in your wp-content/themes/ directory. Call it my-twentyten/

Into it put a file called style.css with the following content:

/*
Theme Name: My Own Twenty Ten
*/

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

#content img {
    margin: 0;
    height: auto;
    max-width: 640px;
    /*width: auto;*/
}

Answer 2

This question may end up being moved, but in the mean time:

Simply redefining the style rule with a portion left out, or commented out, will not cause that attribute (width, in this case) to return to default. It will be inherited from the existing rule, since it's not explicitly defined in your new rule.

In the new rule, you'll have to actually set width to the value you want.

But since width is set to 'auto', it seems a little strange that you'd just want to leave it out. Maybe you're trying to achieve some effect that I missed in your question.