WordPress.org

Forums

[resolved] Child Theme Error (19 posts)

  1. daPerley
    Member
    Posted 1 year ago #

    As my last threads have showed I´ve had a lot of problem with my child theme for twenty eleven and it ended up with that I had to delete it and make the changes directly in to the Twenty Eleven theme to make the site run. I been looking at several "create a child theme" guides but no one works for me, would love if someone could take some time to healp me with that (so that my changes still are keept as well if possible) so that I can make my final changes.

    Site; http://www.daperley.com/

  2. alysonearl
    Member
    Posted 1 year ago #

    Did you get so far as to create a custom css file? If not, we'll back up a few steps. Otherwise, please post the lines at the top of your child theme style.css file. They look something like this:
    /*
    Theme Name: Twenty Fourteen Child
    Theme URI: http://example.com/twenty-fourteen-child/
    Description: Twenty Fourteen Child Theme
    Author: John Doe
    Author URI: http://example.com
    Template: twentyfourteen
    Version: 1.0.0
    Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
    Text Domain: twenty-fourteen-child
    */

    @import url("../twentyfourteen/style.css");

    /* =Theme customization starts here
    -------------------------------------------------------------- */

  3. daPerley
    Member
    Posted 1 year ago #

    Oh, thank you, now it looks right, can´t get what I got wrong last time.

  4. daPerley
    Member
    Posted 1 year ago #

    But how do I make changes to it? Should I copy the files where I want to do cahnges from the Original Twenty Eleven map?

  5. Andrew
    Forum moderator
    Posted 1 year ago #

    What do you want to change

  6. daPerley
    Member
    Posted 1 year ago #

    I want to make the textinput area wider (so that it´s less white space on the sides) and the same thing with the footer

    (excuse my bad english)

  7. alysonearl
    Member
    Posted 1 year ago #

    Say for example you want to make each 630px wide, you'd enter the following into the style.css in your child theme.

    #content {
    width: 630px;
    }

    #footer {
    width: 630px;
    }

  8. daPerley
    Member
    Posted 1 year ago #

    I´ve tried that one now alysonearl but nothing happens, also tried to change th numbers up and down and to use procentage as the rest of the twent eleven theme seem to be scaled but nothing

  9. stephencottontail
    Member
    Posted 1 year ago #

    This should work:

    .singular #content {
    width: 90%;
    }
    
    #colophon {
    width: 100%;
    }

    Adjust the widths as you see fit.

  10. alysonearl
    Member
    Posted 1 year ago #

    stephencottontail--I wish there were a Like button.

  11. daPerley
    Member
    Posted 1 year ago #

    stephencottontail - that code surely looks right but I can´t make it change the look even a little neither hoe much I change the numbers

    Should I import something from the parent theme or just add this to the child theme (as I´ve done now)?

    Thank you everyone for putting your time at this.

  12. Andrew
    Forum moderator
    Posted 1 year ago #

    No, you've done everything right. The code above wasn't going to work, unfortunately.
    Try this:

    #page {
     max-width: none;
    }
  13. daPerley
    Member
    Posted 1 year ago #

    Still nothing, I've emptied my cache three times as well so it should not be because of it

  14. Andrew
    Forum moderator
    Posted 1 year ago #

    Odd, because I can see the change on your website. Try another browser

  15. daPerley
    Member
    Posted 1 year ago #

    I´ve tried explorer but the only change I can see is that the white area have gotten veeeery wide, even that it was the textinput area that was supposed to change

  16. Andrew
    Forum moderator
    Posted 1 year ago #

    What do you mean by "text input" because that isn't a term I'm familiar with

  17. daPerley
    Member
    Posted 1 year ago #

    Oh my english is not the best but the area where the text/pictures fill on the pages

  18. Andrew
    Forum moderator
    Posted 1 year ago #

    Add this:

    .singular .entry-header,
    .singular .entry-content,
    .singular footer.entry-meta,
    .singular #comments-title {
     width: 100%;
    }
    
    #supplementary {
     padding: 0;
    }
    
    .singular #content {
     width: 100%;
     margin: 0;
    }
  19. daPerley
    Member
    Posted 1 year ago #

    Oh, that's the one, thank you so much!

Topic Closed

This topic has been closed to new replies.

About this Topic