he css code added to style css does not work
-
Hello, when I add my own customization code to a css style in a child theme, this style does not work.
The changes I make don’t work. If I add such a code in the Kadence settings, an additional code, they work correctly. However, I wanted to add these codes to the css style and not in the kadence settings.
Why is it that the css code works only in the additional style settings in customize Kadence – but it doesn’t work when added to style.css in a Kadence child theme?
-
When I delete this line of code I get this error at the top of the page.
The website works but there is a stenl message at the top of the error./** * Enqueue child styles. */ function child_enqueue_styles() { wp_enqueue_style( ‘child-theme’, get_stylesheet_directory_uri() . ‘/style.css’, array(), 100 );
If I add the code you provided, I get the following error message:
/** * Enqueue child styles. */ function child_enqueue_styles() { wp_enqueue_style( ‘child-theme’, get_stylesheet_directory_uri() . ‘/style.css’, array(), 100 ); } // add_action( ‘wp_enqueue_scripts’, ‘child_enqueue_styles’ ); // Remove the // from the beginning of this line if you want the child theme style.css file to load on the front end of your site.
My code in functions works well in the child theme – unfortunately, what is in the css does not work – as if it were not there.
<?php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
function enqueue_parent_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}When I add the code you provided – without or with deletion //, the error on the page looks like this:
Even when I add everything and it pulls the CSS styles from the kid theme. These are just some, not all.
HR – the line is from the css globe – downloaded, not the child, the child contains comment keys, for example, and their borders. But HR styling – not at all.
This is so crazy.
However, adding these codes to customize the theme always works – but not from the child theme, even if I call it with the code you provided.
This is when some stylings work and others do not – some are taken from the child – and others from the global one.
But never parent all come from child – that’s crazy.
I add
.comment-body {
border-bottom: 2px dashed #000000;}Either in customize theme or in css – and it still takes a different look from global css this:
.comment-body {
position:relative;
border-bottom: 1px solid var(–global-gray-500);
margin-bottom: 3em;
}You have messed something up in the operation of this template and everything is starting to work strangely and inconsistently.
Even though there is child-style CSS code, I have to add the !important rule – otherwise the globas.css rule of the template is displayed in some elements. Not all of them, but in many of them.
Hello, I managed to solve the error.
However, the parent CSS file of the child theme still does not work over some of the styles from the global CSS of the parent theme.
I still need to set IMPORTANT for the child theme with this code to work. Because half of the things are taken from the parent anyway, and some from the child – it is not known why this happens.
The structure of a child theme is simply the child directory – and the style.css and funcjtions.php files in it.
- The topic ‘he css code added to style css does not work’ is closed to new replies.
