I see the issue, there is a second call to main.css
:
<link rel="stylesheet" id="faxhion-css" href="http://www.rareselect.co.uk/wp-content/themes/faxhion/main.css?ver=4.8.1" type="text/css" media="all">
<link rel="stylesheet" id="faxhion-child-css" href="http://www.rareselect.co.uk/wp-content/themes/faxhion-child/style.css?ver=0.1" type="text/css" media="all">
<link rel="stylesheet" id="plugins-css" href="http://www.rareselect.co.uk/wp-content/themes/faxhion/assets/css/plugins.css?ver=4.8.1" type="text/css" media="all">
<link rel="stylesheet" id="fontawesome-css" href="http://www.rareselect.co.uk/wp-content/themes/faxhion/assets/css/font-awesome.min.css?ver=4.8.1" type="text/css" media="all">
<link rel="stylesheet" id="style-css" href="http://www.rareselect.co.uk/wp-content/themes/faxhion/assets/css/main.css?ver=4.8.1" type="text/css" media="all">
The one you are calling with id="faxhion-css"
its loading nothing its a 404
because main.css
its not there, the actual main.css
file its inside /assets
and its already being loaded somewhere.
You have 2 options:
Option 1:
Dont call the parent CSS and put 'style'
as a dependency:
add_action( 'wp_enqueue_scripts', function() {
//* Child CSS
wp_enqueue_style( 'faxhion-child',
get_stylesheet_directory_uri() . '/style.css', [ 'style' ], );
} );
'style'
its the ID of the main stylesheet.
Option 2:
Remove the main stylesheet and add it back:
<?php
add_action( 'wp_enqueue_scripts', function() {
wp_dequeue_style( 'style' );//removing main.css
//* Parent CSS
wp_enqueue_style( 'faxhion',
get_template_directory_uri() . '/assets/css/main.css' );//adding it back
//* Child CSS
wp_enqueue_style( 'faxhion-child',
get_stylesheet_directory_uri() . '/style.css', [ 'faxhion' ], );
} );
Second option will work but i dont recommend it, the first option should work too, if you are having 500 errors its more likely the <?php
and ?>
are not matching and 1 is missing.