genrally, you can target specific pages via the existing body_classes;
example for your page:
.page-id-2 .post .content {
width: 64em;
}
to turn the content onto two columns, you might need to use a plugin (?).
the problem with using a fixed width is that this will conflict with the general responsive (flexible) for matting of your theme when you view the site in narrow brosers.
Narrower browsers – like on a smart phone?
Is there a way for me to have the best of both worlds? The ability for narrower browsers to see the text nicely on their screens, but also to have a say, someone on a laptop see my site with a pre-set maximum text column width?
The ability for narrower browsers to see the text nicely on their screens, but also to have a say, someone on a laptop see my site with a pre-set maximum text column width?
use relative values for the width; your ‘column’ formatting already seems to use these;
example:
.page-id-2 .post .content {
width: 100%;
max-width: 64em;
}
I get that principle. But I just tried
.post .content {
width:100%;
max-width:38em;
margin: 0 auto;
}
And it messes up this bit of code, by making the columns extra-narrow.
.page-id-2 .post .content {
width: 64em;
}
so currently I’m using
.post .content {
width:38em;
margin: 0 auto;
}
.page-id-2 .post .content {
width: 64em;
}
But I just tried
you would need to have both the max-width (with different values) in .post .content { ... } and in .page-id-2 .post .content { ... }
ok, I’ll try that. Thank you so much!
