• Resolved daPerley

    (@daperley)


    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; https://www.daperley.com/

Viewing 15 replies - 1 through 15 (of 18 total)
  • 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: https://example.com/twenty-fourteen-child/
    Description: Twenty Fourteen Child Theme
    Author: John Doe
    Author URI: https://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
    ————————————————————– */

    Thread Starter daPerley

    (@daperley)

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

    Thread Starter daPerley

    (@daperley)

    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?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What do you want to change

    Thread Starter daPerley

    (@daperley)

    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)

    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;
    }

    Thread Starter daPerley

    (@daperley)

    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

    This should work:

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

    Adjust the widths as you see fit.

    stephencottontail–I wish there were a Like button.

    Thread Starter daPerley

    (@daperley)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    #page {
     max-width: none;
    }

    Thread Starter daPerley

    (@daperley)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter daPerley

    (@daperley)

    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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What do you mean by “text input” because that isn’t a term I’m familiar with

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Child Theme Error’ is closed to new replies.