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

Leaderboard

Popular Content

Showing content with the highest reputation on 05/22/2020 in all areas

  1. Mobile browsers and operating systems define whether banner videos load. This isn't controlled by Squarespace. Whether banner videos load will depend on a visitor's connection speed, device and browser version. When the banner video cannot load, the mobile fallback image will appear (if configured). There isn't an alternative option built-in, but you could use code to show a gallery instead of the image on mobile devices. To do this, you'd add the gallery to the page and show it in place of the banner fallback image using CSS and a media query.
    2 points
  2. (Updated: SS 7.1) Some custom code (CSS) to change color Navigation Link Navigation Hover Link Navigation Active Link >> 92 Templates Navigation Custom Font Notes Add code to Home > Design > Custom CSS The code is based on demo at squarespace.com/templates, so they may not work for some websites or navigation with dropdown If the code doesn't work, try adding !important to after, eg: color: #f1f2f3 !important; If you have any questions/found issues, just comment below or send me a private message. Thanks. Avenue Template
    1 point
  3. Spaceyjo

    Video on mobile?

    Site URL: https://joannapaolaart.com On my mobile site, it won't show the banner video that plays on desktop. It shows the mobile fallback image instead. Is there any way to get the video to play on mobile? OR a way to have a gallery slider there instead? Thank you!
    1 point
  4. Hi everyone I’m looking for some inspiration please! I’ll be having a few pages on the site dedicated to groups of people - Board of Directors and Fellows. I’ve looked at gallery options and I’m struggling for ideas on how to best present a group of headshots. I’d like to have all their headshots and upon clicking/hovering a short biography should appear. Any ideas on best practice or innovative ways of designing such a page, or even any examples would be really appreciated. Thank you.
    1 point
  5. add to Home > Design > Custom CSS html, body {overflow: hidden;}
    1 point
  6. 1 point
  7. I see it works here. Did you insert my code or..? @media screen and (max-width:767px) { /* make image fullwidth */ .blog-item-wrapper article.entry { padding-left: 0; padding-right: 0; } /* make spacing between text blocks - both side */ .blog-item-wrapper .sqs-layout>.row>.col>div:not(.image-block) { padding-left: 6vw; padding-right: 6vw; } }
    1 point
  8. Thank you, @tuanphan that worked beautifully! I sincerely appreciate your helpful tips!
    1 point
  9. Can you describe in detail hover effect?
    1 point
  10. Remove this code header#header { border: 4px solid #000; } and replace with .header-announcement-bar-wrapper { border: 4px solid #000; }
    1 point
  11. tuanphan

    Various CSS Enquiries

    Our current landing page doesn't fill both the desktop and mobile screen - is there a way to change this? I see desktop fine here. Do you use Mac? Add to Page Settings > Advanced > Header <style> @media screen and (max-width:767px) { #page section { height: 100vh; } } </style> Video Block Dropdown Add to Home > Design > Custom CSS div#block-yui_3_17_2_1_1590072153932_8631 { box-shadow: 5px 2px 2px 1px black; }
    1 point
  12. tuanphan

    Various CSS Enquiries

    Is there a way to align certain sections of text differently? Center: Which text? Left: Text under R2R Video? "only the best... to image girl on table?" On that same note, can we add a line break to text on a button? I think it needs JavaScript. I will check again later. I'd like to make the text in the footer appear in two columns - is this possible? Line Break Is it possible to align an image in the footer differently Add to Home > Design > Custom CSS @media screen and (max-width:767px) { /* footer text 2 columns */ div#page-se
    1 point
  13. Hi Lauren, easiest way is to use some custom CSS .summary-item a { pointer-events: none; }
    1 point
  14. Update: I developed a work-around to get all the fonts to display correctly. First I changed all header fonts to Proxima Nova Condensed with a font-weight of 200px. Then I changed h2, h3, and h4 back to Proxima Nova with a font-weight of 600px using CSS. So far this has been the only way I've been able to get a thin Proxima Nova Condensed font to show up on Chrome, Firefox, and Safari. If anyone knows a better way of doing this, I'm all ears!
    1 point
  15. Right now, the better way is Shopify. It has a locations feature that allows you to manage inventory at each location. This is built to work with local pickup for online orders. However, this workaround should work as you describe on Squarespace 🙂.
    1 point
  16. Add to Home > Design > Custom CSS h1.BlogItem-title { font-family: "weareesilk"; }
    1 point
  17. I'm testing & writing, but I have this problem. What do you think? My intention is to create a page like this, you will see the categories All Branding, Creative ... Click on each category, it will filter out the corresponding portfolios And this is my original intention. Create Portfolio pages, and change sub-pages according to a special structure. Then create Filterable Portfolio Page, use Summary Block + Code to connect sub-pages in Portfolio Pages. However, I have discovered that Summary Block does not allow displaying porfolios from Portfolio pages :( A
    1 point
  18. Add to Page Settings > Advanced > Header <style> div#sidebar-one-wrapper { display: none; } </style>
    1 point
  19. Icclebug

    Template ideas

    Thanks so much for replying Derrick, really helpful advice. I'll go through the sites you've done shortly. I think that's the challenge for me is that the site does need a lot of information, which I'll condense down into pdfs or separate pages to click through to.
    1 point
  20. edit last code to this (just copy & paste) @font-face { font-family: 'MARGO SCRIPT'; src: url(https://static1.squarespace.com/static/59402249b8a79bde2d99ce52/t/5ebca53677e24d5defb66534/1589421366503/Jen+Wagner+Co.+-+Margo+Script+Regular.otf); font-weight: normal; font-style: normal } h3 { font-family: 'MARGO SCRIPT'; }
    1 point
  21. This question intrigued me and I did a bit of research. Here's a quote from Google Search Console support site: Obviously Google's algorithm hasn't done a good job in your case, but I'd be wary of hiding pages from Google that you really don't want hidden. The last thing you want to happen is have them de-index anything important. I would just take a long-term approach and work on your internal linking, pointing more internal links to your higher-profile pages. Google will see what pages are more important to you and should follow along. If it helps, those sitelinks only display w
    1 point
  22. <style> .sqs-slice-image img { max-height: 150px !important; } .sqs-slice-body { margin-top: 100px !important; } </style>
    1 point
  23. Awesome tip - having the same problem - thanks.
    1 point
  24. @goncalo.catarino Memberstack can help you add user accounts and payments to your Squarespace site. Here's a tutorial that might help as well 🙂 https://help.memberstack.com/en/articles/3992066-squarespace-tutorial Hope that helps!
    1 point
  25. humxahafeex

    Filters

    You can Use the plugin for this https://www.squarewebsites.org/products/universal-filter It's a great plugin for adding such filters 🙂
    1 point
  26. I'm following this thread too. My clients are not likely to pay online, they will pay via invoice. Because of this, the PRODUCTS functionality is not of any use for me. According to Squarespace the PRODUCTS feature assumes an online transaction will take place. Squarespace please come up with a solution!
    1 point
  27. Thank you all for your thoughtful questions for Squarespace Expert Matt Callahan’s SEO AMA. He’s responded to the top 10 questions below. If you’re interested in learning more about Matt or hiring him for a project, you can contact him through his Squarespace Marketplace profile. Can you share your definition of SEO, as well as your model for its Return on Investment (ROI), and compare this to an investment in paid search? SEO, Defined My definition of Search Engine Optimization is simple: SEO is anything you do to make your website more attractive to a search engine. This in
    1 point
  28. I have the same question about being able to add gratuity for an order pick-up. (My client is a craft brewery.) I believe I was told in a support chat with Squarespace that there is no option to add gratuity for customer orders. Poking around, I did see you can add an in-store pickup 'fee', which I believe is set up when you set up your 'shipping' options. In my client's case, they offer delivery (which they charge $5 for, with minimum order), and we have not charge a fee for picking up at curbside, but I don't see why we couldn't use this. See more here: https://support.squarespace.com/hc/en
    1 point
  29. I was trying to do the same thing and I figured it out. Instead of adding an "embed" area, you need to add a "code" area and paste the embed video code in there. https://support.squarespace.com/hc/en-us/articles/206542397-Adding-videos-to-your-Squarespace-site#toc-my-video-host-isn-t-supported-by-squarespace Now I'm trying to figure out how to do this with image posts, but turn them into a grid or resize the embedded posts. Any thoughts?
    1 point
  30. Your advice worked without a hiccup. I am exulting in a moment of personal mastery. Kale—I owe you one.
    1 point
This leaderboard is set to New York/GMT-05:00
×
×
  • Create New...