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
————————————————————– */
Oh, thank you, now it looks right, can´t get what I got wrong last time.
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
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;
}
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.
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;
}
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
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
