Support » Themes and Templates » Cannot get CSS in child theme to override parent

  • I’m trying to set up a child theme for my site. The theme I’m using is called Living Journal and the folder name is living-journal, so I created a new folder named “living-journal-child”. In “living-journal-child” I put a style.css file with this information in it,

    Theme Name: living-journal-child
    Description: Child theme for the Twenty Eleven theme
    Author: JC
    Template: living-journal

    @import url(“../living-journal/style.css”);

    But when I try and make changes, like the header for instance, the changes aren’t showing up when I refresh the page. Am I missing something?

Viewing 14 replies - 1 through 14 (of 14 total)
  • Good Guy


    Please post a link of your site so that we can have a look to verify if the child theme is activated or not and to see your code action.

    Good luck.

    that isn’t the homepage because still has the holding page information on it, I hope this can help

    Good Guy


    The link you have posted isn’t using the child theme. Are you sure you have activated it?

    ya, in the word press dashboard it says “child theme for living journal theme” and the only file that is available in the editor is the style.css file that is in the child theme directory

    Good Guy


    The style sheet I am seeing is this:

    What exactly are you trying to do?

    I’m trying to create a child theme so I can change css elements without future updates erasing what I’m doing. Have I missed something in the process?

    I dont know why it is still showing the style.css for the parent theme, I’ve done everything right it seems, yet the site is still showing the parent

    Good Guy


    OK I checked it on my machine by creating the child theme of your theme and you are right, it isn’t showing in the code.

    However, let us do some changes and let us see how it works out.

    Let me know what you are trying to do so that I can try it on my machine.

    I’m trying to change the header, so that it is bigger, 150 px rather than 80px, and here is the code I’ve added to the style.css file

    #site-heading {
    padding:20px 30px 0 30px;

    Good Guy


    OK I checked that theme and it seems that it isn’t supporting child themes. I tried various tests to change something and nothing works.

    Perhaps a quick message to the owner would produce some results.

    Sorry about this.

    that’s ok, thanks for all your help, I would never have been able to find that out, really appreciate it, you saved me a lot of work

    how can i find out if a theme doesn’t support child theme?

    Good Guy


    I guess it is a question of trying different things. Generally most themes these days approved by Automattic are child theme friendly but this once has slipped the quality control!. However, there must be a way to make chnages and I have sent them a message and given them a link to this thread. Let us see if they can post back quickly.

    that’s excellent, thanks for doing that

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Cannot get CSS in child theme to override parent’ is closed to new replies.