Hi
style.css of child theme is loaded immediately after the style.css of the parent theme.
Site-wide CSS is loaded as part of the inline style of header
Site-wide CSS are processed in priority than the specified style.css of child theme.
Thank you.
Hi Nobita,
Thanks for the explanation. But it is still not clear to me why having the same code in sytel.css has no effect, while in site-wide css it works fine.
br/John
…do I have to activate “import raindrops theme current settings” in Customizing – Advanced? Or what is the functionality of this option?
import raindrops theme current settings
Raindrops theme settings use options field (raindrops_theme_settings).
Functions related to the theme, there are also those that are set in a different field of the core such as a header image.
In the parent theme, in a state in which to customize the header, such as image, if you apply a child theme, the parent theme of header setting does not reflect.
In such a case, by setting the Import Raindrops Theme Current Settings, you can take over the customization of the parent theme.
English is a poor, is worried about whether the meaning is lead.
Typically, it would be okay if you do not set
Thanks for the explanation. But it is still not clear to me why having the same code in sytel.css has no effect, while in site-wide css it works fine.
Raindrops style.css is not contain color background border settings
(style.css are the only structural style specified)
Raindrops header inline style defined color, background border settings.
child theme / style.css
#ft {
padding-top: 20px;/* works */
border-top: 1px solid red;/* not works */
min-height: 400px;/* works */
background-color: yellow;/* not works */
}
Since the style.css of child theme is read immediately after the parent theme, you need to specify the high level of detail than the inline style.
footer#ft {
border-top: 1px solid red;/* works */
background-color: yellow;/* works */
}
Hi Nobita,
Thanks, it is now clear to me.
John
