WordPress.org

Ready to get started?Download WordPress

Forums

Cannot get CSS in child theme to override parent (15 posts)

  1. ceshmeel10
    Member
    Posted 1 year ago #

    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?

  2. Good Guy
    Member
    Posted 1 year ago #

    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.

  3. ceshmeel10
    Member
    Posted 1 year ago #

    http://aquatell.co.za/dosing-pumps-2

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

  4. Good Guy
    Member
    Posted 1 year ago #

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

  5. ceshmeel10
    Member
    Posted 1 year ago #

    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

  6. Good Guy
    Member
    Posted 1 year ago #

    The style sheet I am seeing is this:

    http://aquatell.co.za/wp-content/themes/living-journal/style.css

    What exactly are you trying to do?

  7. ceshmeel10
    Member
    Posted 1 year ago #

    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?

  8. ceshmeel10
    Member
    Posted 1 year ago #

    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

  9. Good Guy
    Member
    Posted 1 year ago #

    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.

  10. ceshmeel10
    Member
    Posted 1 year ago #

    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 {
    min-height:100px;
    padding:20px 30px 0 30px;
    margin-bottom:10px;
    }

  11. Good Guy
    Member
    Posted 1 year ago #

    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.

  12. ceshmeel10
    Member
    Posted 1 year ago #

    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

  13. ceshmeel10
    Member
    Posted 1 year ago #

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

  14. Good Guy
    Member
    Posted 1 year ago #

    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.

  15. ceshmeel10
    Member
    Posted 1 year ago #

    that's excellent, thanks for doing that

Topic Closed

This topic has been closed to new replies.

About this Topic