Dear @chilly,
We hope this message finds you well.
We would like to guide you through the process of customizing your theme’s CSS. Please refer to the following file within your theme’s directory:
/themes/xstore/xstore.css
Within this file, you will find a variety of CSS classes. We recommend that you categorize these classes into separate files based on their functionality, such as:
– For WooCommerce-related CSS classes, create a file named ‘woocommerce.css’.
– For WPML-related CSS classes, create a file named ‘wpml.css’.
– Continue this process for other relevant categories.
Once you have organized the CSS classes into separate files, you can include these files in your child theme by adding the following code to your functions.php file:
add_action( 'wp_enqueue_scripts', 'et_theme_enqueue_styles', 1001 );
function et_theme_enqueue_styles() {
wp_deregister_style('etheme-parent-style');
wp_enqueue_style( 'separated-1', get_stylesheet_directory_uri() . '/separated-1.css' );
wp_enqueue_style( 'separated-2', get_stylesheet_directory_uri() . '/separated-2.css' );
}
Please ensure that you replace ‘separated-1.css’ and ‘separated-2.css’ with the appropriate filenames that correspond to your newly created CSS files.
Should you require any further assistance, please do not hesitate to contact us.
Best regards,
The 8Theme Team
