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

jQuery window on load is firing too early. What else can I use? Javascript in Wordpress

I'm learning jQuery and Javascript, and I'm trying to understand why my code is not working.

I'm learning jQuery and Javascript, and I'm trying to understand why my code is not working.

I'm doing this from inside a custom plugin in WordPress.

My javascript file with the function I'm trying to call is enqueued in the WordPress footer:

<script type='text/javascript' src='..... gf_timer.js?ver=1.1.0.1'></script>

and my PHP is generating items like the following:

<div id="gf_timer_1">Placeholder</div>
<script type="text/javascript">$j=jQuery.noConflict(); $j(window).on('load',gfInitTimer(1));</script>

I just want to call the function gfInitTimer() after each div. I keep on getting an error "gfInitTimer is not defined".

So I added the onclick handler as a test and that's finding the function properly:

<div id="gf_timer_1" onclick="gfInitTimer(1)">Placeholder</div>
<script type="text/javascript">$j=jQuery.noConflict(); $j(window).on('load',gfInitTimer(1));</script>

I thought the window.on('load', should fire after the page and all scripts are loaded.

What am I missing?

Teaching CSS to JavaScripters

Some JavaScript professionals do not know CSS as well as they’d like to. In order to help them, PPK decided to write a book “CDD for JavaScripters”, where he will explain CSS in terms that JavaScripters will understand.

But what are those terms? What kind of teaching would JavaScripters expect? Is there a CSS mental model that is different from a JavaScript mental model? Is CSS a programming language? Does that matter for teaching or learning CSS?

PPK will give a brief outline of where he’s standing right now on these questions. The majority of the session will be used for a discussion with the audience. How should he teach CSS? Why is it so hard for some to understand it? What are the least-understood parts of CSS? We hope this discussion will yield valuable feedback.


Thanks for reading

If you liked this post, please do share/like it with all of your programming buddies!

Follow us on Facebook | Twitter

Further reading

The Complete JavaScript Course 2019: Build Real Projects!

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

JavaScript Bootcamp - Build Real World Applications

The Web Developer Bootcamp

New ES2019 Features Every JavaScript Developer Should Know

Best JavaScript Frameworks, Libraries and Tools to Use in 2019

12 tips for writing clean and scalable JavaScript

10 JavaScript Charting Libraries for Every Data Visualization Need