Confusion About Child Themes

If you read the codex, there is this pertinent blurb:

Unlike style.css, the functions.php of a child theme does not override its counterpart from the parent. Instead, it is loaded in addition to the parent’s functions.php. (Specifically, it is loaded right before the parent’s file.)

So unlike the other PHP files, you do not want to make an exact copy of the theme’s functions.php. You start with an empty file and add the functions which you wish to override.

Hopefully, the function(s) that you are trying to override in the parent theme’s functions.php are “pluggable,” meaning there is code that is included that allows you to simply override the existing function by defining your own function with the same name in your child theme. For example, most, if not all, of the functions in the WordPress default themes (Twenty Ten, Eleven, Twelve, et) are pluggable, so you can override them in your child theme’s functions.php file by just writing a new function. Often, though, themes do not make their functions pluggable, so you have to override them in other ways. Here’s a guide to overriding functions in functions.php, in case your parent theme’s functions are not pluggable.

Hi Friends
i have created a child theme and its work propebly. i have a problem for overriding my css code in child theme.

I have problem to override all of my CSS changes by child theme. only css changes which I do not have in parents theme override(in child theme). And if I have css changes in both(Parents, child) the source of code becomes parent theme and my child theme does not run. as result some of my changes which I have in child theme do not apply Properly.

hi Crouchingbruin
Thank you for your answer.
my website link is: http://www.meroeh.com/

for example:
.woocommerce-Price-amount.amount exists only in my child theme and override by my child theme. (i think it is true)

also .banner exists in both of them (child css and parent css) and override changes bychild theme. (i think it is true)

.main-titles .arrows which exists in both of them(child css and parent css) with a little changes in my child theme but it does not override by child theme and runs from parent css file. (i think it is false)

.navbar .open-panel which exists in both of them(child css and parent css) with a little changes in my child theme but it does not override by child theme and runs from parent css file. (i think it is false)

i am really helpless, thank you if you can do me a favor for help me.

<?php

first thank you veryyy much for spend times to answer my problem.
my functions.php code was the first time you check my website :

add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
function theme_enqueue_styles() {

wp_enqueue_style( ‘parent-style-main’, get_template_directory_uri() . ‘/assets/stylesheets/main.css’ );
wp_enqueue_style( ‘child-style-main’,
get_stylesheet_directory_uri() . ‘/assets/stylesheets/main.css’,
array(‘parent-style-main’)
);

wp_enqueue_style( ‘parent-style-bootstrap’, get_template_directory_uri() . ‘/assets/stylesheets/bootstrap.css’ );
wp_enqueue_style( ‘child-style-bootstrap’,
get_stylesheet_directory_uri() . ‘/assets/stylesheets/bootstrap.css’,
array(‘parent-style-bootstrap’)
);

wp_enqueue_style( ‘parent-style-rtl’, get_template_directory_uri() . ‘/rtl.css’ );

wp_enqueue_style( ‘child-style-rtl’,
get_stylesheet_directory_uri() . ‘/rtl.css’,
array(‘parent-style-rtl’)
);

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’)
);
}

after i read your recommendation i change it to this:
first time this:
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
function theme_enqueue_styles() {

wp_enqueue_style( ‘child-style-main’,
get_stylesheet_directory_uri() . ‘/assets/stylesheets/main.css’,
array(‘parent-style-main’)
);

wp_enqueue_style( ‘child-style-bootstrap’,
get_stylesheet_directory_uri() . ‘/assets/stylesheets/bootstrap.css’,
array(‘parent-style-bootstrap’)
);

wp_enqueue_style( ‘child-style-rtl’,
get_stylesheet_directory_uri() . ‘/rtl.css’,
array(‘parent-style-rtl’)
);

wp_enqueue_style( ‘child-style’,
get_stylesheet_directory_uri() . ‘/style.css’,
array(‘parent-style’)
);

wp_enqueue_style( ‘parent-style-main’, get_template_directory_uri() . ‘/assets/stylesheets/main.css’ );
wp_enqueue_style( ‘parent-style-bootstrap’, get_template_directory_uri() . ‘/assets/stylesheets/bootstrap.css’ );
wp_enqueue_style( ‘parent-style-rtl’, get_template_directory_uri() . ‘/rtl.css’ );
wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );
}
which everything as like as previous.

and in second try:
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
function theme_enqueue_styles() {

wp_enqueue_style( ‘child-style-main’,
get_stylesheet_directory_uri() . ‘/assets/stylesheets/main.css’,
array( $parent_style, ‘main’ ),
wp_get_theme()->get(‘Version’)
);
wp_enqueue_style( ‘child-style-bootstrap’,
get_stylesheet_directory_uri() . ‘/assets/stylesheets/bootstrap.css’,
array( $parent_style, ‘bootstrap’ ),
wp_get_theme()->get(‘Version’)
);
wp_enqueue_style( ‘child-style-rtl’,
get_stylesheet_directory_uri() . ‘/rtl.css’,
array( $parent_style, ‘rtl’ ),
wp_get_theme()->get(‘Version’)
);
wp_enqueue_style( ‘child-style’,
get_stylesheet_directory_uri() . ‘/style.css’,
array( $parent_style, ‘style’ ),
wp_get_theme()->get(‘Version’)
);

}
at this time none of my child theme changes does not override.

finally i used the first try (both child and parent enque in functions.php (child after parent)) and use your recommendation as: “.span12 .main-titles .arrows { right: 1130px;}”

and changes apply by child theme but i guess it has a wrong loop beetween child and parent theme in inspect element view.

I’m very grateful you if you check and correct my mistakes.

Thank you soooo much

Thank you veryyyyyyyyyy much.my problem solved. got bless you.
finally my functins.php code is:

add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
function theme_enqueue_styles() {
wp_enqueue_style( ‘child-style-main’,
get_stylesheet_directory_uri() . ‘/assets/stylesheets/main.css’,
array(‘main’)
);

wp_enqueue_style( ‘child-style-bootstrap’,
get_stylesheet_directory_uri() . ‘/assets/stylesheets/bootstrap.css’,
array(‘bootstrap’)
);

wp_enqueue_style( ‘child-style-rtl’,
get_stylesheet_directory_uri() . ‘/rtl.css’,
array(‘rtl’)
);

wp_enqueue_style( ‘child-style’,
get_stylesheet_directory_uri() . ‘/style.css’,
array(‘style’)
);
}

Hi Dear Crouchingbruin
Thank you for your attention.
i have changed the functions.php codes as like this:
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
function theme_enqueue_styles() {

wp_enqueue_style( ‘child-style-main’,
get_stylesheet_directory_uri() . ‘/assets/stylesheets/main.css’,
array(‘main’)
);

wp_enqueue_style( ‘child-style-bootstrap’,
get_stylesheet_directory_uri() . ‘/assets/stylesheets/bootstrap.css’,
array(‘bootstrap’)
);

wp_enqueue_style( ‘child-style-rtl’,
get_stylesheet_directory_uri() . ‘/rtl.css’,
array(‘rtl’)
);

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’)
);

}
Can you explain that why use this code:
wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );
despite in other css files you recommend that dont use parent theme.

Also i really surprised that you understand my style.css file doesnt load!
if it possible tell me how can you understand this.

This custom CSS plugin exist in my theme when i installed the parent template and i dont use it.

Thank you again for your help.