• Could someone please help me figure out how to get the style of the parent them to work with my child theme? For some reason, which is probably just something simple, the activated child theme has no background color and no formatting.

    The test website for this is http://thezom.com/testing

    The parent theme is frantic and the child theme is frantic-child.

    Thanks for any help you can offer,

    Brian

Viewing 13 replies - 1 through 13 (of 13 total)
  • 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.

    Thread Starter Brian

    (@gophumek)

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

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

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

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

    Brian

    Thread Starter Brian

    (@gophumek)

    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.

    Thread Starter Brian

    (@gophumek)

    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.

    Thread Starter Brian

    (@gophumek)

    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: http://thezom.com/testing/wp-content/themes/frantic/style.css Here you go.

    Thread Starter Brian

    (@gophumek)

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

    /*
    Theme Name: Frantic Child Theme
    Theme URI: http://thezom.com/testing/wp-content/themes/frantic-child/
    Description: Frantic Child Theme
    Author: Brian Humek Themes
    Author URI: http://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.

    Thread Starter Brian

    (@gophumek)

    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.

    Thread Starter Brian

    (@gophumek)

    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.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘No Background color or formatting after activating a child theme’ is closed to new replies.