Alpha-store-child does not save changes

Question

I am very new to website building, and I am currently trying to edit a theme (Change colors of objects etc).

I have created a child theme based on the Alpha Store and created style.css and functions.php as instructed on the alpha store child theme set up.

Style.css as follows

/*
 Theme Name: Alpha Store child
 Theme URI: http://themes4wp.com/product/alpha-store/
 Description: Child theme for Alpha Store
 Author: Themes4WP
 Author URI: http://themes4wp.com/
 Template: alpha-store
 Version: 1.0.0
*/

Functions.php as follows

<?php
/**
 * Function describe for Alpha Store child
 * 
 * @package alpha-store-child
 */

add_action( 'wp_enqueue_scripts', 'alpha_store_child_enqueue_styles', PHP_INT_MAX);
function alpha_store_child_enqueue_styles() {
 $parent_style = 'alpha-store-parent-style';

 wp_enqueue_style( 'alpha-store-style', get_template_directory_uri() . '/style.css' );
 wp_enqueue_style( 'alpha-store-child-style', get_stylesheet_directory_uri() . '/style.css', array( 'parent-style') );
}

However when I make changes in browser, they disappear when the website reloads.

I have a feeling it is something to do with the functions.php as the information is correct in the child style.css but the website keeps loading the parent style.css

please help!

This screenshot shows how the parent style.css is overriding child style.css

Answer 1

Did you enable the child-theme? When using child-themes you should enable the child instead of its parent.

However when I make changes in browser, they disappear when the website reloads.

Are you using the inspector of your browser? When making changes in there, you should also apply these in your css file via FTP ( which is located at get_template_directory_uri() . '/style.css').

The inspector can only change things locally!

Answer 2

I can see that the child-theme style.css is enqueued with parent-style dependency, but the parent style is identified with alpha-store-style, not parent-style.

You should change these lines:

wp_enqueue_style( 'alpha-store-style', get_template_directory_uri() . '/style.css' );
 wp_enqueue_style( 'alpha-store-child-style', get_stylesheet_directory_uri() . '/style.css', array( 'parent-style') );

With:

wp_enqueue_style( 'alpha-store-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'alpha-store-child-style', get_stylesheet_directory_uri() . '/style.css', array( 'alpha-store-style') );