Forums

[resolved] Importing style.css from parent theme to child theme (6 posts)

  1. hrowland
    Member
    Posted 7 months ago #

    I have created a child theme for twenty eleven together with a style.css for use on my website, proliferousrose.com/wordpress. I am now trying to import the style.css from the parent theme. I (think I) followed the relevant directions given for "Child Themes" in Codex (p. 3), but what shows up in the appearance editor of my child theme is not the style.css from the parent theme, but rather the one I created on my hosting site (GoDaddy) plus the @import rule. Thus, I can't make any modifications.

    I would also like to import other php files from the parent theme. My appearance editor says that "This child theme inherits templates from a parent theme, TwentyEleven," but none show up in the editor, so I guess I don't know what "inherits" means (I am new at this sort of thing). Do I need to repeat the (correct) procedure used to import the style.css for the other files?

  2. peredur
    Member
    Posted 7 months ago #

    You appear to be on wordpress.com rather than wordpress.org, if I understand you correctly.

    If that's right, you need to address your query to the appropriate wordpress.com forum. This forum is for queries about self-hosted sites.

    If I've misunderstood you, my apologies.

    Cheers

    PAE

  3. alchymyth
    The Sweeper
    Posted 7 months ago #

    what shows up in the appearance editor of my child theme is not the style.css from the parent theme, but rather the one I created on my hosting site (GoDaddy) plus the @import rule. Thus, I can't make any modifications.

    you make modifications by adding the styles, that you want to change, into the style.css of your child theme, and then changing the values or whatever.

    example:
    you want to remove the border at the top of the header image:
    this is formatted in style.css of the Twenty Eleven parent theme:

    #branding {
    	border-top: 2px solid #bbb;
    	padding-bottom: 10px;
    	position: relative;
    	z-index: 2;
    }

    therefore, you add this into the style.css of your child theme - no need to copy the lines that stay unchanged, just change the one line:

    #branding {
    	border-top: none;
    }

    to catch up with the basics of css, work through the available online tutorials such as http://www.w3schools.com/css/

    -------
    if you need to make edits to template files, you need to copy the template file from the parent theme into the child theme, and edit it there.

  4. peredur
    Member
    Posted 7 months ago #

    Oops. Yes. Sorry. I misread your URL.

    I should get more sleep.

    PAE

  5. hrowland
    Member
    Posted 7 months ago #

    Thanks, gentlemen. The problem is solved.

  6. peredur
    Member
    Posted 7 months ago #

    No thanks to me!

    PAE

Reply

You must log in to post.

About this Topic