Jump to content

ErinFitzsimmons

Circle Member
  • Posts

    15
  • Joined

  • Last visited

Community Answers

  1. ErinFitzsimmons's post in Styling a testimonial block on desktop and mobile was marked as the answer   
    I would change up the margin for mobile only so something like this below. You could change the first margin value (it's the top & bottom margin) even more if you wanted.
    But something to note about the slider is that the sizing is based on your longest title. I normally put the longest quote as my first slide because that's what the height is based around. The quote you have from Camilla is the longest one and it's not first so if you change up the margin and make it less than 30px then make sure to scroll through to see that there is enough space on Camilla's quote since it's the largest and that's what the size is based on!
     
    @media only screen and (max-width: 767px) {
      section[data-section-id="64a686d5356efe37ea8a0cb9"] .user-items-list-banner-slideshow .slide-content {
            margin: 30px 0px;
        }
    }
  2. ErinFitzsimmons's post in Customizing Gallery Styles for Commerce (Mobile) was marked as the answer   
    Hey Leroy,
     
    Yeah I did the same on my site, it's looks so much better this way. Add the code below to your Custom CSS panel:
     
    @media only screen and (max-width: 767px) {
      img.pdp-gallery-slides-image {
        position: relative;
        object-fit: contain !important;
      }
    }
  3. ErinFitzsimmons's post in How do I add a shortcut to portfolio projects on another page? was marked as the answer   
    Ok great, glad that worked for you!
    Unfortunately, with Portfolio's the only way to showcase them on other pages is to link images, copy & buttons to them and you can't do it as one block.
    So you'd have to link the copy underneath. Or you can add a button or link after the copy saying something like "Read More" or "See the case study" for users to click.
    I would suggest keeping the underline for accessibility and just so users know they should click to see more. 
  4. ErinFitzsimmons's post in Where is the Spacer block? was marked as the answer   
    Hey! For this new site you're probably using the newest Squarespace editor called "Fluid Engine."
    There are no spacer blocks in Fluid Engine because you can add space now between blocks when you move them around.
    This article might help: https://support.squarespace.com/hc/en-us/articles/6421525446541-Editing-your-site-with-Fluid-Engine
  5. ErinFitzsimmons's post in Where to delete "Make it stand out" and remaining stock imagery? was marked as the answer   
    Hey! When you go in to edit your product, under the Title & Description you'll see "Additional Info." Click on that and that's where you'll be able to delete the blocks and add any if you'd like and then select "Apply." You can also leave it blank if you don't have any extra info!

  6. ErinFitzsimmons's post in Insert Portfolio samples/grid on Home page was marked as the answer   
    Hey Hank!
    Unfortunately, you can't pull Portfolio info elsewhere on your site. That's one downside to using a Portfolio vs a Blog which allows you to pull the info with a summary block.
    And you can't save collection pages (Portfolio, Blog, Video etc) either.
    Your only option is to add an Image, text or button block and link to your Portfolio pages. 
  7. ErinFitzsimmons's post in Adding hover effect to the header menu squarespace 7.1 site was marked as the answer   
    Hi Rachel!
    A few tweaks to make it work from just looking at the code is to change the class and make sure you have a # in front of your hex code so like this:

    .header-nav-item a {
      padding: 8px !important;
      border-radius: 0px;
      transition: background .5s, color .5s;
    }
    .header-nav-item a:hover {
      background: #00263e;
      color: white !important;
    }

     
×
×
  • 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.