Element Selector Not Working In Stylesheet for Worpress Site

I am trying to style the following code in a Wordpress site but it is not working on:

I am trying to style the following code in a Wordpress site but it is not working on:

.site-info {
text-align: center;
color: black;
 }

.site-info p{
color: red;
}
<footer class="site-footer">
<div class="wrapper">
<div class="site-info">
<p>&copy; <?php echo absint( date_i18n( 'Y' ) )
. ' ' . esc_attr( get_bloginfo( 'name' ) ); ?></p>
</div><!-- .site-info -->
</div><!-- .wrapper -->
</footer><!-- .site-footer -->


For some reason, the color is not changing as I would have intended it to.

Am I using the selectors incorrectly, or does this have to do with the code between the <p></p>?

Wordpress child theme css does not override parent css

I am using mies-child theme but the problem is that I cannot see the css changes affect my website.

I am using mies-child theme but the problem is that I cannot see the css changes affect my website.

Here's what my child style.css looks like:

/*
Theme Name: Mies Child
Theme URI: http://pixelgrade.com/demos/mies
Author: PixelGrade Team
Author URI: http://pixelgrade.com
Template: mies
Description: MIES is a front line parallax Architecture WordPress Theme prized for allowing you to present your activity within a delightful and captivating experience. It's perfect for a full range of presentations and portfolio projects of designers, architects or photographers.
License: Themeforest Split Licence
License URI: -
Text Domain: mies_txtd
Domain Path: /languages/
Tags: white, light, dark, responsive-layout, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, theme-options, translation-ready
*/

This is my child functions.php file:

<?php
/*
 * ===== Theme Translation =====
 * Load the translations from the child theme if present
 */
add_action( 'before_wpgrade_core', 'mies_child_theme_setup' );
function mies_child_theme_setup() {
    load_child_theme_textdomain( 'mies_txtd', get_stylesheet_directory() . '/languages' );
}

/**

  • ===== Loading Resources =====
  • Add all the extra static resources of the child theme - right now only the style.css file
    */

function mies_child_enqueue_styles() {
// Here we are adding the child style.css while still retaining all of the parents assets (style.css, JS files, etc)
wp_enqueue_style( 'mies-child-style',
get_stylesheet_directory_uri() . '/style.css',
array('wpgrade-main-style') //make sure the the child's style.css comes after the parents so you can overwrite rules
);
}

add_action( 'wp_enqueue_scripts', 'mies_child_enqueue_styles' );


Building Custom WordPress Sites from Scratch - WordPress Theme Development

Building Custom WordPress Sites from Scratch - WordPress Theme Development

Learn to create a completely responsive website from scratch using WordPress, HTML, CSS, JavaScpript, and PHP. Also, learn to create a custom WordPress theme.

After watching this course you will have a solid understanding of how WordPress works and how to create your own custom theme in WordPress.

🔗 Design Source Code: https://github.com/Godsont/Responsive-Website-Design

🔗 Theme Source Code: https://gtcoding.net/product/gtcoding-wp-custom-theme/

⭐️ Contents ⭐️

⌨️ (0:00:00) Intro and Demo

⌨️ (0:00:55) Research & Planning

⌨️ (0:10:52) UI Design - The Front Page

⌨️ (0:27:47) UI Design - CSS

⌨️ (0:59:07) UI Design - JavaScript

⌨️ (1:05:11) UI Design - More Pages

⌨️ (1:20:43) PHP Basics

⌨️ (1:58:31) Installing WordPress locally

⌨️ (2:03:05) WordPress - style.css file

⌨️ (2:11:47) WordPress - linking CSS and JS

⌨️ (2:23:17) WordPress - Custom Post Type

⌨️ (2:33:31) WordPress - Template Hierarchy

⌨️ (2:43:29) WordPress - while loop

⌨️ (2:54:52) WordPress - the Front Page

⌨️ (3:11:44) WordPress - Blogs Index Page

⌨️ (3:26:42) WordPress - Single Post Page & Comments

⌨️ (3:52:59) WordPress - Sidebar & Search

⌨️ (4:14:35) WordPress - Contact Form

⌨️ (4:20:17) WordPress - Custom 404 Page

⌨️ (4:24:19) Finishing Up


Thanks for watching ❤

If you liked this post, share it with all of your programming buddies!

Follow us on Facebook | Twitter

Further reading

☞ The Web Developer Bootcamp

☞ Angular 8 (formerly Angular 2) - The Complete Guide

☞ The Complete JavaScript Course 2019: Build Real Projects!

☞ Modern React with Redux [2019 Update]

☞ Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)

☞ Build Responsive Real World Websites with HTML5 and CSS3

☞ Build a Progressive Web App In VueJs

☞ Build Progressive Web Apps with React

☞ The State of Progressive Web Apps - The State of the Web

☞ A full-stack solution for fast PWA development

CSS Secrets for Beginners

Discover ten handy tips in ten minutes for customizing your WordPress site with CSS. From quick techniques to hide elements you’d rather not see – to sneaky ways to add in extra bits of text, this talk for CSS newcomers will show you just how useful CSS can be. It’ll whet your appetite for more and suggest where to continue your CSS journey after the ten minutes whiz by.

Discover ten handy tips in ten minutes for customizing your WordPress site with CSS. From quick techniques to hide elements you’d rather not see – to sneaky ways to add in extra bits of text, this talk for CSS newcomers will show you just how useful CSS can be. It’ll whet your appetite for more and suggest where to continue your CSS journey after the ten minutes whiz by.


Learn More

The Web Developer Bootcamp

☞ Build Responsive Real World Websites with HTML5 and CSS3

☞ Web Design for Beginners: Real World Coding in HTML & CSS

☞ How To Build A Captivating Presentation Using HTML, CSS, & JavaScript

☞ Building a Simple URL Shortener With Just HTML and Javascript

☞ HTML5 & CSS3 tutorial: From Beginner to Expert

☞ Learn HTML 5 Programming From Scratch - HTML 5 Tutorial for Beginners