WordPress.org

Forums

No Background color or formatting after activating a child theme (14 posts)

  1. Brian
    Member
    Posted 1 year ago #

    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

  2. stephencottontail
    Member
    Posted 1 year ago #

    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.

  3. Brian
    Member
    Posted 1 year ago #

    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

  4. Brian
    Member
    Posted 1 year ago #

    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

  5. Johnny Tuc
    Member
    Posted 1 year ago #

    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.

  6. Brian
    Member
    Posted 1 year ago #

    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.

  7. Johnny Tuc
    Member
    Posted 1 year ago #

    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.

  8. Brian
    Member
    Posted 1 year ago #

    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;

  9. Johnny Tuc
    Member
    Posted 1 year ago #

    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.

  10. Johnny Tuc
    Member
    Posted 1 year ago #

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

  11. Brian
    Member
    Posted 1 year ago #

    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

  12. stephencottontail
    Member
    Posted 1 year ago #

    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.

  13. Brian
    Member
    Posted 1 year ago #

    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.

  14. Brian
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic