pepperstewart Posted February 7, 2021 Share Posted February 7, 2021 Hello, May someone please help me with a css code to center all of the content on each page of my website without effecting the content itself (not making it larger or smaller)? Everything stays on the left side no matter what I try. Please help! Thank you so much http://www.pepperstewart.net/ password is squarespace Link to comment
creedon Posted February 7, 2021 Share Posted February 7, 2021 Do you want to align the text to the center? Like the following? Or do you want the content portion of the page to fill the screen? Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
pepperstewart Posted February 8, 2021 Author Share Posted February 8, 2021 Thank you for replying! Neither. I would like all of the content portion centered of the screen without changing the content itself. If I do the second options then it changes the layout of the sentences and some imaging. Best way to explain- if everything on the page were to be highlighted and then moved over to the center of the screen, rather than it being all the way on the left of the page or made larger to fit the screen. I would just like it all as is centered of the screen. My apologies if too complicatedly explained! Link to comment
creedon Posted February 9, 2021 Share Posted February 9, 2021 (edited) Add the following to Design > Custom CSS. @media only screen and ( min-width: 801px ) { body:not( .homepage ).sidebar-fixed.sidebar-position-left #headerWrapper { float : left; position : unset; } :not( .homepage ) #canvasWrapper { margin-left : auto; margin-right : auto; } /* .homepage.collection-type-gallery #galleryWrapper { position : unset; } .homepage.collection-type-gallery #slideshowWrapper { margin : 0; } */ } This is for a v7.0 site using the Wells template. Let us know how it goes. Edited February 12, 2021 by creedon version 3 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
pepperstewart Posted February 9, 2021 Author Share Posted February 9, 2021 WOW HOW CAN I REPAY YOU FOR THIS???? I OWE YOU!!!! THANK YOU SO MUCH!!!! It works and is exactly what I wanted. The only thing that has changed is that the image with the plant on the homepage now covers the entire sidebar when viewed on a larger screen such as the iMac, and when I access the page from my macbook with a smaller screen it shows the sidebar but it won't let me click anything except the top banner "online classes now available". Can this be fixed? Again, I am so greatly appreciative!!! Please let me know how I can pay you!!! Link to comment
creedon Posted February 9, 2021 Share Posted February 9, 2021 (edited) I've updated my previous code post. The code change does alter the layout of the homepage a bit. Another option if you don't like the change would be to turn off the centering effect all together on the homepage. Let us know how it goes. Edited February 9, 2021 by creedon Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
pepperstewart Posted February 10, 2021 Author Share Posted February 10, 2021 If possible, let us turn off the centering effect all together only on the homepage please. Again, thank you so much! 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