Child theme style.css isn't overwriting parent style.css

Question

I am using the Optimizer theme and created a child theme to make 2 changes in the style.css. The .single_wrap adjustment works fine, but the page_head is being ignored. When I use Inspect Element on Google Chrome I can tell the parent style.css overides the child style.css for this part. Page_head is the title banner on my pages. Anyone know what's up?

style.css

/*
 Theme Name:   optimizer_child
 Template:     optimizer
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
.single_wrap {
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.page_head {
  min-height: 100px;
}

functions.php

<?php

add_action( 'wp_enqueue_scripts', 'enqueue_parent_theme_style' );
function enqueue_parent_theme_style() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}

Website: http://www.gelnagels-gina.be

Answer 1

Style is not from parent CSS it is from themes/optimizer/style_core.css Then you can enqueue your child CSS on highest priority.

enqueue the parent style then child style on high priority

function enqueue_parent_theme_style() {
wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_parent_theme_style' );
function enqueue_child_theme_style() {
wp_enqueue_style( 'child-style', get_stylesheet_directory_uri().'/style.css' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_child_theme_style', 100 );