Child theme not overriding parent theme

Hi!

Today I realized that there was a theme update available and (even worse!) I didn’t have a child theme so I was about to lose all the code changes I wrote on sparkling/style.css (I know, I know…).

Anyway, I checked the previous questions on this topic, I downloaded the sparkling child theme zip and I was set off for…failure.

For some reason, the child theme doesn’t override the parent theme. I have tried changing the config but it’s not working.

Here is the code that I’m using:

/*
Theme Name: Sparkling Child
Theme URI: https://colorlib.com/wp/themes/sparkling
Author: Colorlib
Author URI: https://colorlib.com/
Description: Sparkling Child Theme
Version: 1.7.0
Template: sparkling
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sparkling
Domain Path: /languages/
Tags: green, light, white, gray, black, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, photoblogging, left-sidebar, translation-ready, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments

*/

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

body {
  color: #6B6B6B;
  background-color: #F2F2F2;
  word-wrap: break-word;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.7;
  font-size: 14px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #B10000;
  font-weight: 600;
  font-family: 'open sans';
}

h1,
.h1 {
  font-size: 20px;
}

In the parent’s theme, font-size is 28px and that is the size that appears in the web. I have tried !important but it doesn’t work either.

I would really appreciate it if anyone could help me!