Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Center All Content - Flatiron Template


bispones

Question

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

6 answers to this question

Recommended Posts

  • 0

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

Add to Home > Design > Custom CSS

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

 

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...