Jump to content

Center All Content - Flatiron Template

Go to solution Solved by bispones,

Recommended Posts

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

 

 

Squarespace question 02.jpg

Edited by bispones
Link to comment

Add to Home > Design > Custom CSS

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

 

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
  • Solution

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 by bispones
Link to comment
  • 4 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.