Child theme will not work

What is the code in the child theme style.css file? What file structure do you have in your themes folder?

/*
Theme Name: Chunk Child
Theme URI: https://example.com/
Description: Child theme for the Chunk theme
Author: Lizzie
Author URI: https://example.com/about/
Template: chunk
Version: 0.1.0
*/

@import url(“../chunk/style.css”);

and what do you mean by file structure?

now i seem to be able to have gotten my child theme to work. I’ve uninstalled and reinstalled everything before and it wasn’t working, but I did that again and now it is working.

But now how do I start changing things? When I was playing around with css earlier, I went into the parent theme and was changing things to see if it would change the colors.

It worked, but I know that’s not the smart way to do it, from what I’ve read. So I copied and saved the stylesheet that I messed with and reuploaded a fresh copy of the theme. But when I tried pasting the edited style sheet into the Child’s style.css, it didn’t work. I am confused.

I also don’t know what code to add to make the header “slogan” to appear above the header title.

Do not copy the entire parent stylesheet in the child theme – that creates duplicate code and makes it MUCH harder to keep track of your changes.

The best way to work with CSS is by using a browser tool like Firebug – it shows you the CSS affecting an element on a page – copy just that piece of code to the child theme and make the change there. This is a good CSS reference that will be helpful as well.

https://www.w3schools.com/w3c/w3c_css.asp

I will try that.

But when I tried to just copy&paste say, the changes I made to the header, for example, nothing changed. Isn’t it supposed to change when I do that? That’s why I’m so frustrated. I was able to make most of it work when I was just in there editing the parent theme to play around, but now nothing is changing when I paste it in the child stylesheet.

Generally, that means you either have errors in your CSS (even a missing semi-colon or extra bracket can invalidate all subsequent code), or your CSS is being overridden by other CSS, or you have not cleared a cache on your site or server.

A good way to find errors is by using the validator here:

https://jigsaw.w3.org/css-validator/

Or if you get stuck, just post here and someone can usually help you out :).

A link to your site would enable me to look at it to see what’s going on…

I’ve now gotten it to work! Go figure. After hours and hours of frustration, I finally decide to ask. And now it’s working when I didn’t do anything different.

I did have to copy the whole parent code over though. Nothing seemed to change when I just copied over the “body” section for example.

Does that cause any problems or is it just more of a pain in the butt to go in and edit later? Because it was easier for me to just copy it all over.

My site is https://www.willtravel4hugs.com ??

There are a few things still that I would like to change that I am having trouble with finding in the original code.

1. My tagline is not showing up, which it was showing up earlier when editing the parent code for a test. Also, once I get that to show up, I would like it to be above my site title, rather than below it.

2. I would like to change my dates to #fee822, but they are currently white.

3. I also don’t want the dates or post titles to change colors when hovered over.

4. I want the titles of my posts to STAY the blue color they are, even when you click and read one at a time, but when I changed the “body” text color, the title of each post matches (not on the home page, but when you click and go into a single post)

Any ideas what to look for in the code for these items?

also, thank you for all your help!

Yes, it makes things MUCH harder to copy the entire stylesheet – and having duplicate code makes your site slower. Don’t do it – learn how to do it right. I’ll have to look at your specifics a bit later as I have to get off here for a while.

Ok thanks. I will try to go back and slim down my code, but I edited it in quite a few places.

Also, in #4 on my list, I lied. They don’t match the body color, they turn gray, but I want them to stay blue always.

I will also continue to try to find and fix these things.

OK, I was able to shrink down the child code by figuring out where I made changes and deleting the rest.

But I was still unable to find where in the parent code to change the 4 things I mentioned above. (except 1/2 of #1, as I was able to get the tagline to appear again). What would I need to look for/type in to change those 4 elements?

Also, I have been wanting to use a font entitled “League Gothic,” but when I type that into the font section, it reverts to the second font option. This is weird to me because back when I was opting for wordpress.COM, the theme I used there used this font and it showed up fine.

For the date, try adding:

.entry-meta .date a {
   color: #FEE822;
}

Change this in the child style.css file:

a:hover {
   none;
}

For #4 add:

.entry-title a:hover {
    color: #4BA6B5;
}

#1 is more complicated – so let me look at that.

For the font, you’ll have to first add that font- see if it’s available on Google fonts and use this plugin:

https://www.ads-software.com/plugins/wp-google-fonts/

The font is not available on google fonts… Is there another way to add it?

Also, the text for the page titles turns black on the title of the current page I am on. How can I change this color?