LewisH Posted March 3, 2023 Share Posted March 3, 2023 (edited) I need code to resize the width of a single page, does anyone have any solutions? If I use Squarespace's function to narrow the width of the blog, setting it to narrow, when I reduce the width of the screen the text becomes impractical and awkward to read. The width is better when I set it to wide and then narrow the page, but then the rest of the site's pages are ruined by being made too narrow. After having found the below code, that I thought could help, it shifts the entire contents of the page to the far left of the page and the header image is cropped. I ideally need to narrow the width of one page while having the content stay centred and the entire remaining across the entire page. Quote <style>#page { max-width: 800px }</style> Edited March 3, 2023 by LewisH Link to comment
tuanphan Posted March 6, 2023 Share Posted March 6, 2023 Hi, What is site url? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
LewisH Posted March 7, 2023 Author Share Posted March 7, 2023 (edited) On 3/6/2023 at 6:26 AM, tuanphan said: Hi, What is site url? www.ebb-magazine.com, with the pages of the blog post on being the ones that need resizing for which https://www.ebb-magazine.com/essays/against-the-common-enemy is an example. Thank you for any help! Edited March 9, 2023 by LewisH Link to comment
tuanphan Posted March 10, 2023 Share Posted March 10, 2023 On 3/7/2023 at 8:48 PM, LewisH said: www.ebb-magazine.com, with the pages of the blog post on being the ones that need resizing for which https://www.ebb-magazine.com/essays/against-the-common-enemy is an example. Thank you for any help! Edit this post > Add a Code Block (bottom) > Paste this code <style> .wm-banner-style-5 .has-banner .content-wrapper .blog-item-inner-wrapper { width: 90% !important; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
LewisH Posted March 10, 2023 Author Share Posted March 10, 2023 (edited) 8 hours ago, tuanphan said: Edit this post > Add a Code Block (bottom) > Paste this code <style> .wm-banner-style-5 .has-banner .content-wrapper .blog-item-inner-wrapper { width: 90% !important; } </style> Unfortunately this reproduces the problem, as when I add it the text column is still squished to accommodate empty space -- even at different percentages. When I set the page width for the whole site to 800px then set the blog width to wide, that solves the problem, but the rest of the site is squashed, whereas this code only changes the content of the blog itself. Do you have a section of code that would change the page width of a single page (the blog posts) to 800px? If Squarespace had a functionality where I could simply change that single slider for that one page it would be perfect. (To remove any ambiguity, the slider in question is in Design > Site Styles > Spacing > Page Width (Max)) Edited March 10, 2023 by LewisH Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment