twentythirteen-child problems functions.php & style.css

Before you get to your problem, does this work:

<?php
add_action( 'wp_enqueue_scripts', 'wpsites_load_parent_styles');
function wpsites_load_parent_styles() {
    wp_enqueue_style( 'twentythirteen-styles', get_template_directory_uri("./twentythirteen").'/style.css' );
}

?

Andrew: “Before you get to your problem, does this work: ?”

I am honestly not sure, I’ve tried:

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'twentythirteen-style', get_template_directory_uri() . '/style.css' );

}

With “@import url(“../twentythirteen/style.css”);” in style.css the the header image did indeed change.

I am currently trying this method found in codex.wordpress:

function theme_enqueue_styles() {

    $parent_style = 'parent-style';

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style )
    );
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );

Let’s see what happens.

Damn Codex making something that’s supposed to be easy into something complicated.

Andrew: “Before you get to your problem, does this work: ?”

Yes it has to as it is loading the page right? Otherwise activating my twentythirteen-child theme would be a blank page?
Activating my twentythirteen-child theme brings up the original twentythirteen theme.

Sorry, my noob brain was clutching a bit there.

Yes it has to as it is loading the page right? Otherwise activating my twentythirteen-child theme would be a blank page?

If it wasn’t working then you would not be getting any styles, but you wouldn’t get a completely blank page.

So I created those folders images>headers and added the picture in it

What are you trying to override with this?

So here is an example: href=”https://postimg.org/image/5te9ojeex/”>

The top arrow is pointing at the box that I had to un-tick for the bottom line I wrote in my style.css (in twentythirteen-child) to become active and as you can see it is displaying the bluebar.

So how do I go about making my child theme overide it’s parent?

Looks like you just need to use more specific selectors, e.g.:

body .site-header {

}

You Sir, have made these eye-tearing-staring @ stuff that makes no sense, yet, fun ?? thank you! Finally now I can Edit the sizes and add some buttons to it ?? Just need a softer blue.

Andrew: “Looks like you just need to use more specific selectors, e.g.:

body .site-header {

}

“
Thank you! <3

One more thing,

Why “body” if the original did not use such a selector? it was just “.site-heare” with nothing infront of it. Just how code works?

It’s how CSS works. More specific selectors override less specific selectors. See https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Thank you, very helpful info!

So editing wordpress themes it would be a good idea to read some CSS & HTML5 books I guess. I was under the impression it would all be GUI editing (^^,) but this seems quite logical, just quite an unfamiliar basis.