No Background color or formatting after activating a child theme

Your @import line should be @import url("../frantic/style.css?ver=1.4.2"); Note the lowercase F.

Your website makes me hungry, by the way.

There you go. It was the small f that did the trick.

You should see the actual site. It’s https://pizzaspotz.com.

Feel free to leave a review of your fave pizzeria at https://www.pizzaspotz.com/submit-your-pizza-reviews-today/

Have a great night and hope you have some pizza soon.

Brian

After looking at the theme, I did see one thing wrong with the child theme.

If you look at these two pages:

From the child theme

Same post from parent theme

You’ll notice the sidebar text (titles of widgets) should be bold black text but in the child theme, it’s like faded or simply not black or almost white.

Might someone have an idea how this could happen. I have yet to create any functions in the functions.php. I had created a functions.php file but then deleted it and the faded bold print is still there. So I don’t think that had anything to do with it. Will continue playing with functions.php in the child theme to just see what I can do to customize the site.

Still would like to know why text is doing what it’s doing. It’s something that I’ve only seen in the parent theme when looking at the site in IE.

Thanks,
Brian

Hy Brian. Look for line no. 693 in the file style.css. You have a property like this: color: #c1ada7; that is causing you trouble. Lovely site, btw.

Hi Johnny,

Thanks for the help. I searched for the code in the style.css. I never found it. I then inspected the element and found the color under the widgettitle area. I found that when I right clicked the precise line 693 and the entire style.css code opened in a new tab.

Then I went back to the parent theme and looked for that specific color couldn’t find it. But on that line in the parent theme was ##707070
That’s an extra # and I deleted that.

Not sure how ##707070 was translated in the child them as #c1ada7.
I deleted the extra # in front of #707070 but the color is still #clada7.

Not sure what is going on with this.

Well, that’s my update on the color problem.

Ok. Restart. At line 693 in style.css you have this code:
‘.widgettitle, .archive-title {
background: url(“library/images/line-breaker.png”) no-repeat scroll left bottom rgba(0, 0, 0, 0);
border-bottom: 0 none;
color: #C1ADA7;
font-family: ‘Anton’,sans-serif;
font-size: 1.9em;
font-weight: normal;
padding-bottom: 25px;
text-shadow: 0 -1px #A18D88, 1px 1px #FFFFFF;
text-transform: uppercase;
}
‘
The problem is your “color: #C1ADA7;”. You could overwrite this by adding this css to your file at the bottom:
‘.widgettitle, .archive-title {
color: #444444;
}’
so that you don’t need to make other modifications. Just try and feedback me.

Hi Johnny,

When I go to my parent theme to look for the code. There actually isn’t any color #C1ADA7.

The actual code is below. I don’t know how this can be.

.widgettitle, .archive-title {
background:url(library/images/line-breaker.png) no-repeat left bottom;
font-family: ‘Anton’, sans-serif;
font-size:1.9em;
font-weight:normal;
text-transform:uppercase;
color:#707070;
border-bottom:0;
padding-bottom:25px;
text-shadow:0px -1px #a18d88, 1px 1px #fff;

Have you searched the code in the child’s directory? Do you have any css files in the child directory, because they overwrite what’s in the parent.

The file i’m reffering to is: https://thezom.com/testing/wp-content/themes/frantic/style.css Here you go.

Thanks. But the following is the entire content of the file you mentioned.

/*
Theme Name: Frantic Child Theme
Theme URI: https://thezom.com/testing/wp-content/themes/frantic-child/
Description: Frantic Child Theme
Author: Brian Humek Themes
Author URI: https://thezom.com/testing
Template: frantic
Version: 1.0.0
*/

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

/* =Theme customization starts here

Looking a bit closer, I noticed that you have two different versions of Frantic in use. On the pizzaspotz.com domain, you’re using version 1.3, and on the thezom.com domain, you’re using version 1.4.2. The color change is likely a change between versions.

Also, in your child theme, you’re missing the */ at the end of the last line of your style.css.

Okay, so all I’ll need to do is use version 1.3 in the child theme, because I can’t update the parent theme because I’ve already made so many changes to my files. That’s the reason I’m trying to learn how to do a child theme correctly : )

Thanks for figuring that out for me.

I see that wasn’t what you were talking about. I did see the versions changed the color of the text.

I figured out how to change the text color for the widgettitle area on the parent theme, but how would I simply change the text color on the child theme and if I do so, does that mean any future updates will leave the color as I desire on the child theme?

If I could figure out how to do text and color changes in the child theme, I then may be able to figure out how to change other items I’d like changed.

Johnny and Stephen, thanks for the help.