Center All Content - Flatiron Template

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;
 }

Can you share link to your site?

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!

Add to Home > Design > Custom CSS

@media screen and (min-width:1025px) {
div#detail_5e063a927cd0dd01433f3dc6 {
    margin-left: 135px !important;
}
}

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?

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;
}

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;