background color unexpected change in child theme

[drlaporte]

Hi there,
I am a newbee with Suffusion, which is quite great btw.
I created a child theme to install the French translation of Suffusion, with a style.css limited to importing the suffusion's style.css.
The background color of my site became light green instead of the light grey I was using. No change after resetting the skin to light grey with orange.
To fix that, I added the set of the background color for wrapper in style.css (see below). I am not sure it is what should be done, hence my post.
Thanks,
Pierre

/*
Theme Name: Suffusion FR
Description: Child theme for the Suffusion theme
Author: Pierre Laporte
Template: suffusion
*/

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

#wrapper {
background-color: #F0F0F0;
}

[drake]

If you use @import directive for style.css, you will need to use another @import for skin.css from the skin you are using. See here: http://aquoid.com/news/2010/09/suffusio ... nd-tricks/

Better is to not use any @import directive and then at Suffusion Options -> Backend -> Child Themes, select "Inherit all stylesheets corresponding to the theme selection (You don't need any @import in your style.css)"

The simplest way to make a child theme is to copy the skeleton from here: http://aquoid.com/news/2012/02/suffu-sc ... suffusion/

[drlaporte]

Thanks, very useful and very neat!

[drlaporte]

I have introduced the skeleton as advised above.

However, I have a new issue after that : when I create a page, I no longer have the template selection dropdown in the page attributes section (still have the parent and the order fields).

Or maybe this is due to another operation I did since the update of my child template, but I don't remember to have done anything fancy.

Thanks.

[drake]

Templates are now located below the edit area, at Additional Options for Suffusion -> Layouts.

[terryvaz]

Exactly the same problem ... light green wraper. Problem resolved by explicitly specifying the background-color in the child theme as described above.

[sayontan]

Exactly the same problem ... light green wraper. Problem resolved by explicitly specifying the background-color in the child theme as described above.

If you simply remove the @import declaration from your child theme's style.css file that should do the trick.