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

Center All Content - Flatiron Template

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

Share this post


Link to post

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

Share this post


Link to post
  • 0

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?

Share this post


Link to post
  • 0

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;

 

 

 

 

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...