charlineca Posted March 22, 2023 Share Posted March 22, 2023 Hi, my site is https://wrasse-grouper-8fhf.squarespace.com/, password is squarespace. I added custom code to show my navigation as a left sidebar. I have manually added 300px padding to my pages homepage to move content to the right side of the navigation. But it's not very practical to do manually for each page (I also have to remove the code to edit the pages).. Is there any way to add a left side site margin for the whole site, so that all content automatically has the right margin / padding? Link to comment
tuanphan Posted March 25, 2023 Share Posted March 25, 2023 Hi, It look like you figured it out? 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
charlineca Posted March 27, 2023 Author Share Posted March 27, 2023 On 3/25/2023 at 1:56 PM, tuanphan said: Hi, It look like you figured it out? No, I haven't.. I'm still adding the margin for each page.. Which is bothering a lot, also when editing the site. I still need to add a site-wide margin - one code that applies for the whole site.. Link to comment
tuanphan Posted March 30, 2023 Share Posted March 30, 2023 On 3/27/2023 at 11:26 AM, charlineca said: No, I haven't.. I'm still adding the margin for each page.. Which is bothering a lot, also when editing the site. I still need to add a site-wide margin - one code that applies for the whole site.. Can you share link to a page where you didn't add margin? We can check easier 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
charlineca Posted March 30, 2023 Author Share Posted March 30, 2023 5 hours ago, tuanphan said: Can you share link to a page where you didn't add margin? We can check easier https://wrasse-grouper-8fhf.squarespace.com/associates Link to comment
tuanphan Posted April 3, 2023 Share Posted April 3, 2023 On 3/30/2023 at 4:07 PM, charlineca said: https://wrasse-grouper-8fhf.squarespace.com/associates Hi, This page is fine to me 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
charlineca Posted April 3, 2023 Author Share Posted April 3, 2023 12 hours ago, tuanphan said: Hi, This page is fine to me No, it is not.. As you can see, the content is in the middle of the page, but the left side is always hidden by the sidebar.. If you scroll down to the next section, you can see the text on the left is hidden by the sidebar (photo 1), and I can also not edit my site well (photo 2). The page content should be aligned within the space AFTER the sidebar and the right end of the page. I have marked in red where the content in your screenshot is supposed to sit. Right now, this is the code I have added to all individual pages on my site, but it is annoying to have to do it for each page, and also does not solve the inconvenience of editing my site. I need this sort of code to apply SITE WIDE: section[data-section-id="64040f49c091fd5a9188af88"]{ padding-left: 300px !important; } Link to comment
charlineca Posted April 6, 2023 Author Share Posted April 6, 2023 Hi @tuanphan, anything? It doesn't seem like an all too tricky thing to do, as it's literally just adding a site-wide margin/padding, but I can't figure it out.. Link to comment
tuanphan Posted April 8, 2023 Share Posted April 8, 2023 On 4/3/2023 at 9:32 PM, charlineca said: No, it is not.. As you can see, the content is in the middle of the page, but the left side is always hidden by the sidebar.. If you scroll down to the next section, you can see the text on the left is hidden by the sidebar (photo 1), and I can also not edit my site well (photo 2). The page content should be aligned within the space AFTER the sidebar and the right end of the page. I have marked in red where the content in your screenshot is supposed to sit. Right now, this is the code I have added to all individual pages on my site, but it is annoying to have to do it for each page, and also does not solve the inconvenience of editing my site. I need this sort of code to apply SITE WIDE: section[data-section-id="64040f49c091fd5a9188af88"]{ padding-left: 300px !important; } It is fine to me. Video https://www.loom.com/share/5a97860f8b05454f8a18077815cf31d5 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
charlineca Posted April 10, 2023 Author Share Posted April 10, 2023 (edited) On 4/8/2023 at 8:16 AM, tuanphan said: It is fine to me. Video https://www.loom.com/share/5a97860f8b05454f8a18077815cf31d5 Yes, on the front end it looks fine as I am adding padding to all pages individually, but it's a huge inconvenience on the back end.. Having to enter code for each individual page and editing and adding sections is a huge inconvenience as well. Also, on the front end it cuts off for anything that's not full browser size width.. See footer on the below. Edited April 10, 2023 by charlineca Link to comment
tuanphan Posted April 12, 2023 Share Posted April 12, 2023 Can you remove margin on a page? Then we can check easier. 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
charlineca Posted April 12, 2023 Author Share Posted April 12, 2023 1 hour ago, tuanphan said: Can you remove margin on a page? Then we can check easier. Like I said, you can check on the pages where there is no margin added, but then you are telling me they look fine.. 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