[Wells Template] Edit position of Main-Content block to a center

Site URL: https://www.danartriatmojo.com/instagram

Hi All,

I'm trying to make a custom page where the whole content is on a center of a page on the Desktop version or a mobile version without a sidebar.
I already hide the sidebar using this code:

#collection-61d4f6be1430494a8d778435 {
      header, footer, .sqs-announcement-bar-dropzone, .Mobile {
             display: none !important;
  }
 }

but having trouble to making the main-content on a center.

Appreciate any help I can get.

Thanks

25 minutes ago, jpeter said:

@Danart The following CSS seems to work:

#page {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: grid;
  align-items: center;
}

See following article on how to add CSS if you don't know how https://support.squarespace.com/hc/en-us/articles/206545567#toc-add-css-code

Perfect.
it's works well.

Thanks jpeter for your help.

6 hours ago, jpeter said:

@Danart The following CSS seems to work:

#page {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: grid;
  align-items: center;
}

See following article on how to add CSS if you don't know how https://support.squarespace.com/hc/en-us/articles/206545567#toc-add-css-code

Hi JPeter,

Once quick question. What parameter do I need to change in order to move the content slightly up from the center. screengrab attached.

9 hours ago, Danart said:

Once quick question. What parameter do I need to change in order to move the content slightly up from the center. screengrab attached.

@Danart You can add margin-top: -25px; to the styles. Play with margin-top value to your liking. 

3 hours ago, jpeter said:

@Danart You can add margin-top: -25px; to the styles. Play with margin-top value to your liking. 

Thank you again.