Child Theme: Trouble Overriding CSS of Parent

  • I’m in the early stages of building a child theme, with the parent being Raw by UDTHEMES.

    I’ve simply set up the folder ‘raw-child’ and added the following at the start of my style.css

    /*

Theme Name: ------------
Description: Raw — Child Theme
Version: 1.0
Author: ------------
Author URI: ------------
Template: raw

*/

    But I’m having trouble overriding the parent CSS styles. It seems like the only way to do it is to put body at the start of every selector… or add !important after everything.

    Neither of which are ideal, especially body as that doesn’t help me when I want to actually change the CSS for the body element itself.

    Am I doing something wrong?

Viewing 2 replies - 1 through 2 (of 2 total)

  • Can you post a link to your site with the child theme active? Have you created functions.php as detailed at https://codex.www.ads-software.com/Child_Themes?

    Thread Starter 000000000

    (@pealo86)

    Ah yes I did read that originally but it left me a little confused. I was wondering what the point would be in adding the parent CSS in functions.php seeing as the styles are already loaded anyway?

    But now I think about it, is it saying that it will mean that the child theme CSS will be loaded *after* the parent sheet, and therefore overwriting its styles?

    I’ll give that a go anyway.

    Thanks for the tip!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Child Theme: Trouble Overriding CSS of Parent’ is closed to new replies.