bispones Posted December 27, 2019 Share Posted December 27, 2019 (edited) Hi, I'm trying to edit the Flatiron template to have the content centered instead of left-aligned. After searching the forum I found bits of CSS code that got me half way there. Right now I have the project title and the footer centered as I wanted, but the content on the page remains aligned to the left. Also, the buttons at the top that link to previous/next projects stop working when I use this code. Any ideas on how to solve this? Thanks. #navigator footer#bottomBar #footerBlock { width: 100% } .social-accounts {display:none;} #project .project-item>.meta { position: relative; float: none; text-align: center; width: 100%; padding-left: 0 !important; } Edited December 27, 2019 by bispones Link to comment
tuanphan Posted December 28, 2019 Share Posted December 28, 2019 Can you share link to your site? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
bispones Posted December 28, 2019 Author Share Posted December 28, 2019 Sure. The website is not live yet as I'm still trying to solve this problem. If I manage to get this right, my plan is to move my entire website from Wix to Squarespace in the next few days. The page in question is: https://bispo.squarespace.com/#/project01/ The password for it is: 0101 Thanks! Link to comment
tuanphan Posted December 29, 2019 Share Posted December 29, 2019 Add to Home > Design > Custom CSS @media screen and (min-width:1025px) { div#detail_5e063a927cd0dd01433f3dc6 { margin-left: 135px !important; } } bispones 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
bispones Posted December 29, 2019 Author Share Posted December 29, 2019 Hi, Many thanks for your answer. I pasted the code in Custom CSS, but unfortunately the content is still aligned to left, this time even closer to the side of the screen. Is there anything else I could try to have the content centralized at all times? Link to comment
Solution bispones Posted December 30, 2019 Author Solution Share Posted December 30, 2019 (edited) Update: A very kind friend had a look into the issue and now I have a code that works if anyone is interested. 🙂 #navigator footer#bottomBar #footerBlock { width: 100% } .social-accounts {display:none;} #project .project-item>.meta { position: relative; float: none; text-align: center; width: 100%; padding-left: 0 !important; } #project .gallery { margin:0 auto; margin-bottom: 25px; } #navigator .switcher { z-index: 10; } Edited December 30, 2019 by bispones tuanphan 1 Link to comment
Skinny Posted January 28, 2020 Share Posted January 28, 2020 Hi There, I may have found a solution to your issue if the meta text is not centered. Please try the following code in custom css. #project .body { max-width: 50vw; margin: 2px auto; 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