sacredpath
(@sacredpath)
Automattic Happiness Engineer
In custom.css, in .entry, the width was set at 559px. Below I have specifically targeted full-width page templates and set the width to 100%. In .post there was 34px of left padding, and I again specifically targeted the full-width page template and changed it so that there is 34px on left and right to keep the content centered.
Add this to the bottom of custom.css and then make sure and check other pages to make certain that this doesn’t cause issues.
.page-template-template-fullwidth-php .entry {
width: 100%;
}
.page-template-template-fullwidth-php .post {
padding: 50px 34px 0;
}
Thank you for the fast reply!
No joy with the code unfortunatly. The image still doesn’t display properly, and the content isn’t spanning the full width.
Should I remove the .entry width in the custom.css?
Here are two examples from my site:
Here and here
Thanks again.
Stu
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Hmm, I put that at the bottom of the custom CSS with Firebug and it worked. Try it with the “!important” attribute as follows.
.page-template-template-fullwidth-php .entry {
width: 100% !important;
}
.page-template-template-fullwidth-php .post {
padding: 50px 34px 0 !important;
}
Sorry for the late response. Hope you had a good Christmas!
Still having trouble with the width issue.
The code you gave me worked fine, but only when I removed the code below…
.entry {
overflow: hidden;
text-align: justify;
width: 559px;
}
If I remove this code, it ruins the layout of my entry’s on the homepage, and seems to remove the right-hand padding of my posts.
But keeping the code stops the full-width template from displaying properly…
Any ideas?
Thank you very much again,.
Stuart
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Are you putting the code I gave at the very bottom of the CSS?
Yeah it’s at the very bottom of my ‘custom.css’ file
