I am just confused about how to install Magiczoom. In the instruction they ask to create a folder called 'assets' and to copy all js, css files in the assets folder. I don't know how to access the folder or where to find it. Can anyone please give me any step by step instruction? That would be a great help!! Thank you.

I was having issues with my original squarespace site, so I just created a new site from scratch. The new site is in "trial" and I would like to replace my "active" site with my "trial" site.

I have a few JavaScript files that I need to upload (such as jQuery Waypoints - among others).

Where do these get uploaded?

Is there a way to set the Mobile version of the text to be bigger? I edited ‘mobile.less’ and adjusted the Canvas dimension successfully but I did not see a general “text size” modifier in ‘mobile.less’

Thanks!

html.touch {
  #galleryWrapper .sqs-gallery-design-stacked-slide {
    left: 999em;
    &.sqs-active-slide {
      left: 0;
    }

  }

}

@media only screen and (max-width: 750px) {

  .gallery-controls {
    display: none !important;
  }
  #simpleControls {
    display: none !important;
  }

  #simpleControls {
    display: none !important;
  }

  .layout-style-right.site-title h1.logo {
    margin-right: 0;
  }
  #logo {
    float: none !important;
  }
  h1.logo {
    text-align: center !important;
    display: block !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
  }
  h1.logo.no-nav-items {
    margin-top: 25px !important;
  }
  .logo.landscape {
    height: auto;
  }
  .logo-image .logo img {
    display: inline;
  }
  .logo-subtitle {
    text-align: center;
  }

  // collapse sqs layouts
  @import 'sqs-grid-breaker';

  #canvas {
    margin: 0 auto;
    padding: 40px;
  }

  #slideshowWrapper {
    margin: 0 !important;
  }
  #galleryWrapper {
    position: static;
  }
  .gallery-controls {
    display: none !important;
  }
  #slideshow img {
    width: 100%;
  }
  #slideshow .slide {
    margin-bottom: 20px;
    position: static !important;
    opacity: 1 !important;
    height: auto !important;
  }
  #slideshow .slide img {
    position: static !important;
  }

  #projectThumbs {
    > .wrapper {
      width: 100% + @TGutter;
      margin-left: -@TGutter;
      margin-top: -@TGutter;
    }
    .project {
      float: left;
      margin-left: @avenueConvGutter;
      margin-top: @TGutter;
      width: (100% / 2) - @avenueConvGutter;
      cursor: pointer;
      .project-image {
        opacity: 1;
        -webkit-transition: initial;
      }

      .project-image {
        background: @indexThumbBackground;
        margin-bottom: @TGutter;
        .intrinsic {
          padding-bottom: @TRatio * 1%;
          line-height: 0;
          text-align: center;
          position: relative;
          overflow: hidden;
        }
        .content-fill {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
        }

      }

      .project-title {.thumb-title-font;
        color: @indexThumbTitles;
      }
      .project-item-count {
        display: none;
      }

    }
    .project:nth-child(odd) {
      clear: left !important;
    }
    (~".project:nth-child(@ {TPerRow
    }
    n+1)") {
      clear: none;
    }

  }

  #header {
    margin-bottom: 60px;
  }

  .site-title, .logo-image {
    #topNav nav li a {
      padding: (@site-title-font-font-size*1.2 - @nav-font-font-size*2)/2 0 0;
    }

  }

  .layout-style-left, .layout-style-right, .layout-style-center {
    #projectPages .project {
      margin: 0;
      .project-meta {
        margin: 0 0 20px;
        width: auto !important;
        float: none !important;
      }

    }

  }

  #projectPages.page-open + #projectThumbs {
    display: none;
  }

  // blog

  .article-list, .article-wrapper {
    margin: 0 !important;
  }
  #sidebar {
    width: auto !important;
    position: static !important;
    margin-top: @pagePadding;
  }

  #canvas {
    padding-top: 0;
  }

  #header #topNav {
    display: none;
  }
  #mobileMenuLink {
    margin: 0 0 25px;
    display: block;
    .nav-font;
    padding: 0 0 15px;
    background-color: @canvasBackground;
    text-align: center;
    border-bottom: 1px solid @pageBorderColor;
    a {
      cursor: pointer;
      display: block;
      margin: 0;
      font-size: 16px !important;
      color: @navColor;
    }

  }

  .page-borders-none #mobileMenuLink {
    border-bottom: 0px solid @pageBorderColor
  }

  .page-borders-thick #mobileMenuLink {
    border-bottom: 4px solid @pageBorderColor
  }

  .page-borders-dotted #mobileMenuLink {
    border-bottom: 1px dotted @pageBorderColor
  }

  #header #mobileNav {
    position: static;
    top: auto;
  }

  #mobileNav {
    background: @canvasBackground;
    margin: 0 0 15px;
    .wrapper {
      padding: 0 0 1em;
      border-bottom: 1px solid @pageBorderColor;
    }
    nav + nav {
      margin: 0 0 1em;
    }
    nav ul li {
      display: block;
      text-align: center;
      float: none !important;
    }
    a {
      color: fadeout(@navColor, 30%);
      font-size: 16px !important;
      line-height: 2.5em !important; .nav-font;
    }
    .active-link a {
      color: @navColor;
    }
    li a:hover {
      color: @navColor;
    }
    li a:after {
      display: none !important;
    }

  }

  /* CATEGORY NAV MOBILE
  ----------------------------------------------*/

  .category-nav-toggle-label {
    display: block;
    visibility: visible;
    width: 100%;
    z-index: 2;
    position: absolute;
    top: 0.5em;
    right: 12px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.8em;
    text-align: right;
    &:after {
      font-size: 21px;
      content: "+";
      display: block;
      text-align: right;
    }

  }

  #categoryNav {
    margin-bottom: 25px;
    position: relative;
    padding: 0 12px;
    background-color: rgba(150, 150, 150, 0.1);
    ul {
      text-align: left;
      font-size: 14px;
      margin: 0px 10% 0 0;
      padding: 0;
      line-height: 1.8em;
      li {
        margin: 0;
        display: none;
        &.filter {
          display: block;
          visibility: visible;
        }

      }
      li a {
        display: block;
        font-size: 14px;
        padding: 0.5em 0;
      }

    }

  }

  #categoryNav #categoryNavToggle:checked {
    + .category-nav-toggle-label {
      z-index: 0;
      &:after {
        content: '–';
      }

    }
    ~ .category-nav {
      ul {
        z-index: 2;
        li: not(.filter) {
          display: block;
        }

      }

    }

  }

}

Is it possible to always have people go to the main cover page, regardless of what link within the site the clicked on?

I recently switched to the Wells template from Avenue because I wanted a sidebar. Above Avalon turned me on to Wells.

My site is basically a Daring Fireball -ish type of thing.

What I would like to accomplish is to bring my content to the center. I did see this post, last updated in October of 2014. The problem with the solutions listed there is that it assumes I am okay having a super wide "content" block (where all my text goes). In fact, landofnoms has a site with an @siteWidth of ~1000px. That's too much for me.

Here is a screenshot of what my site looks like now:

I basically just want to move all that over so that it is centered, regardless of the size of the desktop display

(On mobile everything looks as it should, with the sidebar disappearing and #mobileNav doing it's thing.)

Here is the stylesheet governing the appearance of the site:

/* COLORS & BACKGROUNDS 
***********************************************/

body { background-color: @siteBackground; color: @bodyTextColor; }
a, a:visited { color: @bodyLinkColor; }
a:hover { color: @bodyLinkHoverColor; }
.main-nav {
  a, a:active, .folder li a { color: @navColor; }
  .active-link a, .folder li.active-link a { color: @navActiveColor; }
  a:hover, .folder li a:hover { color: @navHoverColor; }
  &#secondaryNavigation {
    a, .folder li a { color: @secondaryNavColor; }
    .active-link a, .folder li.active-link a { color: @navActiveColor; }
    a:hover, .folder li a:hover { color: @navHoverColor; }
  }
}

h1,h2,h3,h4,.comment-count { color: @headingsColor;
  a, a:visited { color: @headingsColor; }
  a:hover { color: @bodyLinkHoverColor; }
} 
pre {
    white-space: pre-wrap;
    width: 96%;
    margin-bottom: 24px;
    overflow: hidden;
    padding: 3px 10px;
    -webkit-border-radius: 3px;
    background-color: #eee;
    border: 1px solid #ddd;
}
code {
    white-space: nowrap;
    font-size: 1.0em;
    padding: 2px;
    -webkit-border-radius: 3px;
    background-color: #eee;
    border: 1px solid #ddd;
}
pre code {
    white-space: pre;
    border: none;
    padding: 0;
    background-color: transparent;
    -webkit-border-radius: 0;
}



/* FONTS & VERTICAL GRID
***********************************************/


// VERTICAL GRID

body { .body-font; font-size: @bodyTextSize; 
    }
h1, h2, h3, h4, h5, h6 { .headings-font; margin: 1em 0; }
h1 { font-size: @headingsSize; }
h2, .comment-count { font-size: @headingsSize*0.8; }
h3 { .headings-font; font-size: @headingsSize*0.6; }
.comment-count { font-size: 16px !important; }
p { .body-font; margin: 0 0 1em; }
blockquote {  margin: 10px 10px 18px 10px; color: #a1a1a1; padding-left: 10px; border-left:3.5px solid #dbdbdb; }
pre, ul, ol, dl { .body-font; margin: 1em 0; }
nav ul, nav ol { margin: 0; }

/* navigation */
.main-nav { font-size: @navSize;
  a { .nav-font; font-size: @navSize; display: block; padding: 0.2em; }
  &#secondaryNavigation { font-size: @secondaryNavSize;
    a { .secondary-nav-font; font-size: @secondaryNavSize; }
    .subnav {
      a { line-height: 1.2em; }
    }
  }
}

.main-nav + .main-nav { margin-top: 20px; }

/* dropdown menus */
.main-nav {
  li.folder .subnav { height: 0; overflow: hidden; opacity: 1; }
  li.active-folder .subnav { height: auto; }
  li.folder > a { cursor: pointer; }
  .subnav {
    ul { padding: 0.5em 0 1em; }
    li { margin-left: 0.5em; }
    a { line-height: 1.2em; }
  }
}

#mobileMenuLink { display: none; margin: 15px 0 0; }
#mobileNav { height: 0; overflow: hidden; }


// HEADER
#logo { margin-bottom: 30px;
  .logo.site-title { margin: 0; font-size: @siteTitleSize; display: inline-block; }
  .logo.site-title a { color: @siteTitleColor; }

  .logo.image { line-height: 0; margin: 0; display: block; width:@logoSize; max-width: @sidebarWidth; }

  .logo.image img { width:@logoSize; max-width: @sidebarWidth; }

  .logo-subtitle { .subtitle-font; font-size: @subtitleSize; color: @subtitleColor; margin-top: 0.5em; }
}

#logo .logo.site-title {
  .site-title-font;
}

#categoryNav,
.category-nav-toggle-label {
  display: none;
  visibility: hidden;
}

.show-category-navigation #categoryNav {
  display: block;
  visibility: visible;
}

#categoryNav {
  ul {
    margin: 0 0 @outerPadding;
    .category-nav-font;
    line-height: 1em;
    li {
      display: inline-block;
      margin: 0 2em 1em 0;
      &.filter {
        display: none;
      }
      a,
      a:visited {
        color: @categoryNavColor;
      }
      &.active-link:not(.all) {
        a,
        a:visited {
          color: @categoryNavActiveColor;
        }
      }
    }
  }
}

// keeps ALL from being active color on item view
.view-list #categoryNav ul li.active-link.all {
  a,
  a:visited {
    color: @categoryNavActiveColor;
  }
}




/* LAYOUT (WIDTHS & PADDING)
************************************************/

#canvasWrapper { 
    max-width: @siteWidth; 
    }
#canvas { padding: @outerPadding; min-width: 900px; }
#headerWrapper { position: relative; z-index: 999; }
#header, #page, #footer { padding: 0; }
#page { position: relative; }
#sidebarWrapper { display: none; }
#topNav { margin-bottom: 20px; }

.sidebar-text-alignment-center #headerWrapper { text-align: center; }
.sidebar-text-alignment-right #headerWrapper { text-align: right; }


/* header options */

body.sidebar-fixed {
  &.sidebar-position-left {
    #headerWrapper { position: fixed; }
  }
  &.sidebar-position-right {
    #headerWrapper { position: fixed; right: @outerPadding; }
  }
  #headerWrapper.absolute{
    position: absolute;
  }
}


body.sidebar-position-left {
  #headerWrapper { position: absolute; top: @outerPadding; left: @outerPadding; width: @sidebarWidth; }
  #pageWrapper, #footerWrapper { width: auto; margin-left: @sidebarWidth + @sidebarPadding + 20; }
}

body.sidebar-position-right {
  #canvasWrapper {  }
  #headerWrapper { position: absolute; top: @outerPadding; right: @outerPadding;  width: @sidebarWidth; }
  #pageWrapper, #footerWrapper { width: auto; margin-right: @sidebarWidth + @sidebarPadding + 20; }
}


@folderBackground: hsl(hue(@navActiveColor), saturation(@navActiveColor), lightness(@navActiveColor));
@folderNavColor: hsl(hue(@siteBackground), saturation(@siteBackground), lightness(@siteBackground));



/* COLLECTIONS / PAGES
***********************************************/

/* Blog */

.collection-type-blog {

  &.blog-sidebar-right {
    #sidebarWrapper { display: block; width: @blogSidebarWidth; position: absolute; top: 0; right: 0; }
    .main-content { margin-right: @blogSidebarWidth + @blogSidebarPadding; }
  }

  &.blog-sidebar-left {
    #sidebarWrapper { display: block; width: @blogSidebarWidth; position: absolute; top: 0; left: 0; }
    .main-content { margin-left: @blogSidebarWidth + @blogSidebarPadding; }
  }

  .category-filter span:before { 
    content: 'Articles in '; 
    display: none
    }
  .tag-filter span:before { 
    content: 'Articles tagged '; 
    display: none
    }
  .author-filter span:before { 
    content: 'Articles written by '; 
    display: none
    }

  article {

    .engagement {
      span, a { color: @metaColor; }
      .sqs-simple-like .like-count,
      .sqs-simple-like .like-count:hover,
      .ss-social-button,
      .ss-social-button:hover {
        color: @metaColor;
      }
    }

    .entry-info {
      &, a { color: @metaColor;  }
    }

    .special-content { margin-bottom: 1em; }

    // header
    header { margin: 0 0 1em; }
    h1.entry-title { margin: 0 0 10px; }


    // body
    .entry-content { margin: 1em 0; }
    .read-more { display: block; }
    .main-image img { width: 100%; }

    // meta
    .comments-wrapper { margin-top: @postPadding; }

    &.promoted-block-quote .special-content {
      blockquote { .quote-font; color: @headingsColor; font-size: @quoteSize * 1.4; margin: 0; }
      .source { font-size: @bodyTextSize; }
    }

  }
  .post-divider { margin: @postPadding/2 0; height: 1px; }
}

.engagement { margin-top: 10px; font-size: 0.9em; font-style: italic;

  .squarespace-social-buttons.inline-style:hover .ss-social-button,
  .squarespace-social-buttons .ss-social-list-wrapper .ss-social-button-list {
    text-align: left;
  }

  .comment-link {
    display: inline-block;
    margin-right: 1.2em;
    .sqs-ui-font(bubble);

    &:before {
      font-size: 1.2em; // overrides sqs-ui-font
      width: auto; // overrides sqs-ui-font
      height: auto; // overrides sqs-ui-font
      line-height: inherit; // overrides sqs-ui-font
      text-align: left; // overrides sqs-ui-font
      vertical-align: initial; // overrides sqs-ui-font
      margin-right: 0.2em;
      position: relative;
      top: 0.12em;
    }

  }

  @import 'sqs-ui-font';

  .sqs-simple-like {
    line-height: inherit; // overrides sqs-simple-like
    margin-right: 1.2em;

    &:hover .like-icon {
      -webkit-animation: initial;
      -webkit-animation-timing-function: initial; }

    .like-icon {
      margin-right: 1.2em;
      .sqs-ui-font(heart-2);
      background: none;
      -webkit-transition: initial;
      transition: initial;
      float: none;
      display: inline-block;
      margin-right: 0.2em;
      // height: auto;
      // width: auto;

      &:before {
        font-size: 1.2em; // overrides sqs-ui-font
        width: auto; // overrides sqs-ui-font
        height: auto; // overrides sqs-ui-font
        line-height: inherit; // overrides sqs-ui-font
        text-align: left; // overrides sqs-ui-font
        vertical-align: initial; // overrides sqs-ui-font
        margin-right: 0.3em;
        position: relative;
        top: 0;
        left: 0;
      }

    }
  }

  .ss-social-button {
    .sqs-ui-font(share);

    &:before {
      font-size: 0.85em; // overrides sqs-ui-font
      width: auto; // overrides sqs-ui-font
      height: auto; // overrides sqs-ui-font
      line-height: inherit; // overrides sqs-ui-font
      text-align: left; // overrides sqs-ui-font
      vertical-align: initial; // overrides sqs-ui-font
      margin-right: 0.4em;
    }

    div {
      display: inline-block; // sets div with no class names
    }
  }

  .ss-social-button-icon {
    display: none!important;
  }

}

.pagination {
  margin-top: @postPadding*2;
}

body.sidebar-position-top.collection-type-blog article {
  .slideshow { height: @siteWidth * 0.66; }
}


/* Gallery Collections */

@-webkit-keyframes fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.collection-type-gallery { height: 100%;

  &.sidebar-position-left {
    #pageWrapper, #footerWrapper { margin-left: @sidebarWidth + @sidebarPadding; }
  }

  &.sidebar-position-right {
    #pageWrapper, #footerWrapper {margin-right: @sidebarWidth + @sidebarPadding; }
  }

  &.sidebar-fixed:not(.enable-gallery-thumbnails) { overflow: hidden; }

  #canvasWrapper { height: 100%; }
  #page { position: static; }

  #galleryWrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
  }

  .meta {
    position: absolute;
    left: @outerPadding;
    bottom: @outerPadding;
    width: @sidebarWidth;
    z-index: 999;
    opacity: 0;

    .slide {
      height: 0;
      overflow: hidden;
    }

    .slide.sqs-active-slide {
      height: auto;
    }

    .image-title {
      color: @headingsColor;
    }

    .image-desc {
      color: @bodyTextColor; padding: 15px 0 0;

      p {
        padding:0 15px 15px;
        margin:0;
      }
    }

    .image-title + .image-desc { padding-top: 10px; }
    .image-desc p { padding-left: 0; padding-right: 0; }
    .image-desc :last-child { padding-bottom: 0; }

    .thumbnail-toggle { .gallery-controls-font; font-size: @galleryControlsSize; margin-top: 15px; }

    .gallery-controls {
      display:block;
      font-size: @galleryControlsSize;
      padding-top: 15px;

      .gallery-controls-font;

      &#simpleControls {
        display: none;
        color: @galleryControls;

        .control {
          cursor: pointer;
          color: @galleryControlsActive;
        }
      }

      &#numberControls {
        display: none;
        margin-left: -.25em;
        // word-wrap: break-word;

        .number {
          color: @galleryControls;
          cursor: pointer;
          padding: 0 0.25em 0 0 ;

          &:hover,
          &:focus {
            color: @galleryControlsActive;
          }

          &.sqs-active-slide {
            color: @galleryControlsActive;
            font-weight: bold;
          }
        }
      }

      &#dotControls {
        display: none;
        margin-left: -.2em;
        margin-left: -.2rem;

        .dot {
          color: @galleryControls;
          font-size: @galleryControlsSize*2;
          cursor: pointer;
          margin-right: 0;
          font-family: georgia, serif;
          font-weight: bold;
          line-height: .6em;
          display: inline-block;
          padding: 0 .2em;
          padding: 0 .2rem;

          &:hover,
          &:focus {
            color: @galleryControlsActive;
          }

          &.sqs-active-slide {
            color: @galleryControlsActive;
          }
        }
      }
    }

  }

  #slideshowWrapper {
    &::selection { background-color: transparent; }
  }

  .overlay-controls {

    position: absolute;
    top: 0;
    height: 100%;
    z-index: 998;

    &.left-control {
      left: 0;
      width: 50%;
      cursor: w-resize;
    }

    &.right-control {
      left: 50%;
      width: 50%;
      cursor: e-resize;
    }

  }

  .single-image {
    #slideshow .slide { cursor: default; }
    .overlay-controls { display: none !important; }
  }


  // hide if active slide is video slide
  .sqs-active-slide.video-slide { z-index: 1000 !important; }


  .thumbnail-toggle { display: none; }

  &.enable-gallery-thumbnails .thumbnail-toggle { display: block; cursor: pointer; }


  #thumbnails { display:none; }

  &.enable-gallery-thumbnails {
    #thumbnails { display: none; }
    #slideshow { display: block; }
    .overlay-controls {
      &.left-control { width: 40%;}
      &.center-control { left: 40%; width: 20%;  cursor: n-resize; }
      &.right-control { left: 60%; width: 40%; }
    }
  }

  &.enable-gallery-thumbnails.thumbnail-view {
    #thumbnails { display: block; }
    #slideshow, .meta { display: none !important; }
    .overlay-controls { display: none; }
  }



  &.hide-meta .meta { right: 30px; left: auto; width: auto; background: @siteBackground; bottom: 30px; max-width: @sidebarWidth + 30px; z-index: 9999;
    .gallery-controls { margin: 0; padding: 15px; }
    #numberControls, #dotControls {
      display: none !important;
    }
    #simpleControls {
      display: block !important;
    }
    .image-title { padding: 15px 15px 0; }

    .image-desc { padding: 15px 15px 0; }
    .image-desc p { margin: 0; }

    .thumbnail-toggle { padding: 0 15px; margin: 0; }

    .image-desc + .gallery-controls { padding-top: 0; }

  }
  &.gallery-controls-hide .meta .image-desc { padding-bottom: 15px; }

  &.gallery-controls-simple .meta #simpleControls, &.gallery-controls-numbers .meta #numberControls, &.gallery-controls-bullets .meta #dotControls { display: block; }

    #slideshowWrapper { height: 100%; margin: @galleryPadding; margin-left: @sidebarWidth + @sidebarPadding + @outerPadding; position: relative; }
    #slideshow { height: 100%; overflow: hidden;
      .slide { width: 100%; height: 100%; cursor: pointer;
        &.video-slide {  }
        .image-title-mobile { display:none; margin:0.5em 0 0 0;}
        .image-desc-mobile { display:none; margin:0.5em 0 0 0;}
        .sqs-video-wrapper.video-none { height:auto !important; width: auto !important; left: auto !important; right: auto !important; }
      }
    }
    #thumbnails { margin: 10px; padding-bottom: @outerPadding;
      .thumb { cursor: pointer; transition: top 50ms ease-out, left 50ms ease-out; width: 300px;  background-color: rgba(175,175,175,0.1);  }
      .thumb img { width: 100%; height: 100%; }
      .thumb img:hover { opacity: 0.9; }
    }

&.sidebar-position-top #slideshowWrapper { margin: 0; }

&.sidebar-position-right {
  
#galleryWrapper { right: auto; left: 0; }
  #slideshowWrapper { margin: @galleryPadding; margin-right: @sidebarWidth + @sidebarPadding + @outerPadding; }
  .meta { left: auto; right: @outerPadding;  }

  &.hide-meta .meta { right: auto; left: 30px; width: auto; background: @siteBackground; }

}

}


// Gallery Controls

.gallery-controls { display:none;
  .arrow-icon { background: url(/assets/left_icon.png) no-repeat center left; width: 13px; height: 10px; display: inline-block; cursor: pointer;
    &.next-slide { background: url(/assets/right_icon.png) no-repeat center right; }
  }
  .slide-count { color: @bodyTextColor; font-style: italic; margin-left: 10px; font-size: 12px; }
  .grid-icon { display: inline-block; background: url(/assets/grid_icon.png) no-repeat center center; width: 12px; height: 10px; cursor: pointer; }
}

.grid-visible .gallery-controls {
  .arrow-icon, .slide-count, .grid-icon { display: none; }
}

body.icons-light, body.blog-gallery-icons-light {
  .gallery-controls {
    .arrow-icon { background-image: url(/assets/left_icon_light.png); }
    .arrow-icon.next-slide { background-image: url(/assets/right_icon_light.png); }
    .grid-icon { background-image: url(/assets/grid_icon_light.png); }
  }
}

.collection-type-gallery.gallery-controls-hide {
  .meta {
    #simpleControls, #numberControls, #dotControls, .thumbnail-toggle {
        display:none !important;
    }
  }

}



/* Forms */

#page .form-wrapper { font-size: @bodyTextSize;
  input[type="submit"] { .border-radius(0); text-shadow: none; background: @buttonColor; border: none; padding: 5px 20px; .box-shadow(none); }
  .field-list .field { margin-bottom: 2em; }
  .field-list .field .field-element { .border-radius(2px); box-shadow: none; }
  .field-list .title { font-size: 1em; font-weight: normal; color: @headingsColor; }
  .field-list .caption { font-size: 0.8em; }
}

/* EXTRAS
**********************************************/

/* ++++++++++++++++
   ++++ SOCIAL ++++
   ++++++++++++++++ */

.social-links { text-align:left; margin-top: 30px;
  &:before, &:after { content: ""; display:table; }
  &:after { clear:both; }
  a, a:visited { display:inline-block; *zoom:1; *display:inline; width:@socialIconSize; height:@socialIconSize; margin:0 10px 10px 0; color:@socialIconColor; text-decoration:none!important;
    &:before { font-size:@socialIconSize; }
    &:hover { color:@bodyLinkHoverColor; }
  }
}

.hide-social-icons .social-links { display:none; }

/*  ICOMOON SOCIAL FONT */

@import 'social-icon-font';

.social-links .service-label { display: none; }


// Social Icons
.social-icons-light #sqs-header-social a { color: #fff; }
.social-icons-dark #sqs-header-social { color: #111; }
.social-icons-hide #sqs-header-social { display:none; }

.sqs-style-mode.sidebar-fixed.sidebar-position-left {
  #headerWrapper {
    left:70px;
    position:absolute;
  }
}


html { height: 100%; }

// Loose floats, sink boats
#headerWrapper, #pageWrapper, #footerWrapper {
  &:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
}
.main-nav { overflow: hidden; }

/* anims for tweakbar */
body.sqs-style-mode { position: relative; }

.comments-content { clear: none !important; }



// MIXINS

// Border Radius
.border-radius (@a: 5px) {
  -moz-border-radius: @arguments;
  border-radius: @arguments;
}

// Box Shadow, only allows a single value
.box-shadow (@shadow: none) {
  box-shadow: @shadow;
}


.hidden {
  display: none;
  visibility: hidden;
}



/* SUMMARY BLOCK
**********************************************/

.summary-metadata-item {
  a, a:visited {
    color: @bodyTextColor;
  }
}

I'm a complete newbie to this but when I add the code block <!DOCTYPE html> <html> <head>

<title>Minecraft Overviewer</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="generator" content="Minecraft-Overviewer 0.12.35 (d696df2)"/> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>

<link rel="stylesheet" href="overviewer.css" type="text/css"/>

</head>

<body onload="overviewer.util.initialize()">

Then this code is supposed to parse 5 different javascript files. Each of which then together generate and render something of a 'livemap' (this is for minecraft to load an in detail world) However this is not a livemap but an interactive static snapshot I have no idea where to put the files and folders the base code would call for. Backend?

How can I change the default country in my checkout?

When using the Twitter block for Squarespace 7, the block shows nicley shows the Twitter feed, but does not show the images included in the tweets. Instead it just shows the image links.

So, how can I get the Twitter Block to directly show the tweets’ images?

Thanks in advance

I have tried entering in multiple different types of code into my custom CSS area and my site does not change at all. Not sure what to do. I keep reading questions and answers saying that entering in a certain CSS helped their problem but it doesn't help me. Nothing changes.

I use Native, my site URL is sfgiantpotential.net and I would like to edit the way the summary block looks on my homepage.

I was given embed code for vidible videos which I tired to embed using the code <> option in a gallery page as a video - comes back with "invalid embed" - if I use a basic code block it works fine - does anyone know how I could make this code work in a gallery page or video block - any suggestion would be much appreciated.

<!-- TAG START { player: "Insiders", owner: "SoIn Media [Healthtravel]", for: "SoIn Media [HealthTravel]" } -->

Montauk template gallery is just a giant row of never-ending pictures.

on the other theme I had it put them in a grid, although the pictures were different sizes it still looked bad.

how can I do this on Montauk template thanks.

cant edit street address, town, phone number Montauk template.

no pencil icon, clicking on them does nothing.

going to header and changing to custom shows pencil icon, but then I cannot have the nice layout of street address town phone.

help please.

I would like to adjust the positioning of my navigation menu in Flatiron. I want to be able to move it further to the right side of the screen than where it is now. Does anyone have some code for the CSS to help with this?

Here is my site: link text

Thanks in advance for any help!!!

I'm using LTC Bodoni 175 on my cover page title but the font on the live site is sometimes not displayed correctly and replaced with something like Times Roman or something. This happens on my main computer where I do the design work and on iPad.

The Bodoni font is part of the standard fonts included in the SS font selection and not an imported custom font. Anyone know what the issue may be?

It also doesn't display correctly sometimes when I open the page in the editor. It's like it was not saved properly previously even though it shows as Bodoni in the font selector.

When creating additional pages using a pre-set template, I've changed the style on one's page description box, but it seems to effect all other pages' description box. Is there a way to unlink them so I can have different styles on different pages?

I've gone under Blog Settings > Syndication and entered my FeedPress feed address as well as linked the addresses on FeedPress's site but the feed still isn't showing up.

Has anyone gotten this working?

My current website/business is being rebranded among other things, and I've had a rough time narrowing down the list of templates to fully suit my needs with minimal coding additives to make them do what I want.

Using the wonderful Squarespace 7 Template list from UsingMyHead I was able narrow down the list well, however there are a few qualifications that would be easiest gathered from fellow SS7 users.

My question is: What is the best template for blogging and for an online store?

Needs: • A sidebar in the blog (only) • (Potential for) fixed nav bar • (Potential for) Banner/Header Image(s) • Category list at the top on the eCommerce page for all the Store Items

Thank you and I'm looking forward to seeing what templates you like for your blog and/or eCommerce site!

hy everyone,

this goes out primary to the constant users. first of all this is a great place here with lots of nice people that love to help for free

1.) it's annoying that there are soooo many "unanswered questions" that are basically completed with one, 2 or 3 answers and got no response by the person that asked the question

2.) it would be great to get a further category/navigation here with already answered questions to increase the benefit for all users. maybe an autom. message to remind the autor of selecting an answer? would be a great feature

I just wanted to start a discussion about this... if there are more supporter? to make a suggestion to the SQSP development-team.

best regards Armin

Hi, I have trouble inserting an iframe to a site. I found instructions for this but get an error message: Our system has encounter an error". Could you take a look what is wrong. My knowledge in coding is poor. Many thanks.