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

paul2009

Circle Member
  • Posts

    13,170
  • Joined

  • Last visited

  • Days Won

    226

Community Answers

  1. paul2009's post in Site Layout question was marked as the answer   
    The two Squarespace sites you have quoted are using the Flatiron and the Avenue templates respectively.
    The pages linked are both using standard Index features in these templates, not Summary Blocks. If you use one of these templates, it is pre-configured to show these views. You'll see them in the template demos I've linked above.
    I hope that helps.
    -Paul
    Squarespace Expert & Professional Developer
  2. paul2009's post in Disable banner video on mobile? was marked as the answer   
    Hello
    Squarespace don't control whether the background video is shown on mobile devices - it is controlled by your mobile's browser.
    In the past, mobiles would not load background videos but this changed recently because newer devices are now powerful enough to display them and an increasing number of networks (4G/5G/WiFi) are fast enough too.
    If you want to prevent them, you'll need some CSS. The CSS in your question is incorrect, so first you'll need to remove this. Then add the following (to Design > Custom CSS):
    @media only screen and (max-width: 768px) { #collection-580a9bee6a4963712b3646b8 .sqs-video-background .custom-fallback-image { display: block; opacity: 1; } #collection-580a9bee6a4963712b3646b8 .sqs-video-background iframe { display: none; } }
    This will remove the video on the specified page only. Let me know how you get on.
    -Paul
    Squarespace Expert & Professional Developer
    Contributors to this forum voluntarily give their time to help you. If we correctly answer your question, please accept the answer by clicking Accept below it (you'll see it when you're logged on). If an answer doesn't help, feel free to ask for more help or wait for other forum users to add their comments and/or answers.
    Whenever an accepted answer helps you, please vote it up using the up arrow on the right. This helps other forum users by giving them confidence in an answer.
  3. paul2009's post in tags and categories was marked as the answer   
    See the support article: Adding a navigation link for a category or tag. It explains how to add a Link to your Navigation and to add a Category filter to it.
  4. paul2009's post in I would like to change the space below a line block in Kent template was marked as the answer   
    Line Blocks should have 17 pixels of padding above and below, just the same as every other Squarespace block. You can reduce this by adding some Custom CSS like this, but it isn't usually necessary:
    .sqs-block-horizontalrule { padding-top: 1px; padding-bottom: 1px; }
    If the issue is more complex, please provide a link to the page on your site.
  5. paul2009's post in Is it possible to show product thumbnail in order summary? was marked as the answer   
    Unfortunately this section of the order summary cannot be customised. It is a known limitation and cannot be changed. To request this feature, contact Squarespace Customer Care. You can reach out to them here.
  6. paul2009's post in Injected code cannot be removed was marked as the answer   
    This appears to be inserted using the announcement bar. Check in Marketing > Announcement Bar.
  7. paul2009's post in Custom CSS to change block order was marked as the answer   
    No, it doesn't affect your layout, just the flow. For example, here's a quickly assembled video showing four blocks. To start with they are in columns like yours and they show up in the 'wrong' order on mobile. Rearrange them into rows and they appear correctly.

  8. paul2009's post in 3D Secure v2 Support (Commerce in Europe) was marked as the answer   
    You're absolutely right. Payment providers are working to be ready for PSD2 regulation in Europe that comes into effect on on September 14, 2019.
    As an example, Stripe have already built a new rule for Strong Customer Authentication (SCA) and are working closely with their partners (like Squarespace) to be ready for SCA integration before September.
    It's disappointing that you've received a standard response from Squarespace so it might be worth following up on this again. However, Squarespace don't pre-announce changes and won't publish details of their plans in advance, but as a large company operating in Europe, you should be sufficiently reassured that Squarespace will make the necessary changes before September 14, 2019, to avoid declined payments.
    Update: Squarespace have released for the following support article for SCA:
    Strong Customer Authentication (SCA)
    -Paul
    Squarespace Expert & Professional Developer
  9. paul2009's post in Can't embed iframe onto site - tried everything? was marked as the answer   
    This isn't a Squarespace issue. As is usually the case with iframes, the framed content is being blocked to protect your visitors from insecure content. As you've probably read, you cannot load insecure content when your own website is using security (HTTPS or SSL).
    In this case you are trying to load content using a quicklink over HTTPS but this is converted by the remote website into an insecure link 'http://www.questionpro.com/a/ShareDashboard?mode=individualQuestion&surveyID=6729391&dashboardID=1404280&sectionID=6'. The request is therefore blocked.
  10. paul2009's post in Same domain name for separate websites was marked as the answer   
    You can't use the same subdomain (www) for both. They must be different. However, you can use the same domain and change the subdomain. For example se.domain.com and www.domain.com, or en.domain.com and www.domain.com.
    See Connecting a subdomain to your Squarespace site.
  11. paul2009's post in How to always show the currency next to the price? was marked as the answer   
    This is due to the (weird) way that Squarespace handle variants. If you remove your existing CSS and replace it with this, it should fix the issue:
    body.native-currency-code-nzd .product-price:before { content: 'NZD '; }
    Let me know how you get on.
    -Paul
    Squarespace Expert & Professional Developer
    Contributors to this forum voluntarily give their time to help you. If we correctly answer your question, please accept the answer by clicking Accept below it (you'll see it when you're logged on). If an answer doesn't help, feel free to ask for more help or wait for other forum users to add their comments and/or answers.
    Whenever an accepted answer helps you, please vote it up using the up arrow on the right. This helps other forum users by giving them confidence in an answer.
  12. paul2009's post in How do I make one product ship to one country only was marked as the answer   
    HI Erika. There isn't currently a way to do this within Squarespace and, in my opinion, this isn't a feature that Squarespace are likely to add.
    There are probably workarounds but whether they are useful will depend on what is being sold and its value. For example, you could use a second store for this other product (on another Squarespace plan) or use different checkout, such as Shopify Buy Buttons. If you can provide more information, that may help.
  13. paul2009's post in How can I change or delete the captions First Name and Last Name in forms? was marked as the answer   
    The Squarespace code for the newsletter block has changed considerably since this question was originally posted in 2013 and many of the comments were added.
    You'll find the latest solution (April 2019) for renaming (translating) the name labels here:
    Translate the Squarespace Newsletter Block
    -Paul
    Squarespace Expert & Professional Developer
    Contributors to this forum voluntarily give their time to help you. If we correctly answer your question, please accept the answer by clicking Accept below it (you'll see it when you're logged on). If an answer doesn't help, feel free to ask for more help or wait for other forum users to add their comments and/or answers.
    Whenever an accepted answer helps you, please vote it up using the up arrow on the right. This helps other forum users by giving them confidence in an answer.
  14. paul2009's post in How to inject custom code to edit banner text was marked as the answer   
    Perfect. Now add this to Design > Custom CSS:
    #collection-5c7db4b47817f73e6c594c76 .desc-wrapper p em { text-decoration: line-through; font-style: normal; }
    This will work by limiting changes to this page only (using its unique collection ID). It will style any paragraph text (p) in the Banner Description (.desc-wrapper) that is italic (em) into strikethrough text (text-decoration: line-through) without italics (font-style: normal).
    I hope that helps.
    Paul
    Like other moderators on this forum, I post answers to help fellow Squarespace users understand how to customise their sites.
    If I've correctly answered your question, please Accept the answer by clicking Accept below. If it didn't help, feel free to ask for more help or wait for forum users to add their comments and/or answers.
    To everyone else who reads this answer and finds it helpful, please vote it up using the up arrow. This will let other users know it's a good answer.
    For more useful Squarespace tips see our website.
  15. paul2009's post in How to Change the Width area of content? was marked as the answer   
    That's the way it is designed to work. If you want to affect a specific page, we'll need to be able to view the page on your site. Please include a link to your site in every question and check your site's visibility settings to ensure we can view the site content. If the site is still in trial mode you will need to set a site password and tell us what it is.
  16. paul2009's post in How can I add an age verification popup? was marked as the answer   
    I built a simple age-gate solution for Squarespace. It's available here:
    https://sf.digital/squarespace-age-popup
    There's a small one-off charge to use it on your site. If you need a more advanced or customised solution, we can build these too.
    -Paul
    Squarespace Expert & Professional Developer
  17. paul2009's post in Age Verification popup? was marked as the answer   
    I built an easy to install age-gate solution for Squarespace. It's available here:
    https://www.soundfocus.co.uk/squarespace-age-popup
    It's available for you to install yourself but for an additional charge we can install it and customise it for you to meet your brand requirements.
  18. paul2009's post in Brine/Sofia: How can I add content padding to Blog Post page? was marked as the answer   
    Thanks for adding the posts. If you want side padding when individual blog posts are shown, you can add the following to Design > Custom CSS:
    @media screen and (min-width: 900px) { .collection-type-blog.view-item .Main-content { padding: 75px 317px; } }
    The current site padding is 17 pixels on either side. In the example code above I've increased it to 317px but you can change this to suit your needs. If you view a blog item before you open the CSS window, you'll be able to preview the changes as you make them.
    I've set this to affect the site at widths of 900px and above. Below that, the margins would be too large.
    Let me know how you get on.
    Paul
    Contributors to this forum voluntarily give their time to help you. If we correctly answer your question, please accept the answer by clicking Accept below it (you'll see it when you're logged on). If an answer doesn't help, feel free to ask for more help or wait for other forum users to add their comments and/or answers.
    To everyone else who reads an answer and finds it helpful, please vote it up using the up arrow on the right. This helps other forum users by giving them confidence in an answer.
    For more Squarespace tips see our website.
  19. paul2009's post in Why doesn't my javascript code work until I refresh the page? was marked as the answer   
    I've answered a number of questions on this subject. Each asks why a particular piece of code isn't working unless the page is refreshed or reloaded. Usually, the person is asking about code that they've found on this forum and that they've added to their site. They just can't understand why it doesn't work for them properly. It doesn't work the first time, but when they load the page a second time, it appears to work! I've posted this question to save others posting a series of related questions.
    So why is this happening? Ajax.
    If you're using one of the newer Squarespace templates, the chances are that it uses Ajax, a feature that allows parts of a page to be loaded, without loading the full page. For example, when a visitor wants to open a new page, it could be opened without reloading the header and footer. It can also power a feature called 'Infinite Scroll' where only the first few blog posts are loaded initially but as the visitor scrolls down the page, more blog posts download and appear. It will continue loading blog content until all of the posts have been displayed, hence appearing to be an infinitely long page.
    The downside is that when you have Ajax enabled, older JavaScript code that wasn't written to work with Ajax, won't work properly. That's the case with the majority of JavaScript answers on this site, especially pre-2018.
    So what can you do?
    The best solution is to source new Ajax-enabled code. If you are using code provided by a third-party company, ask them for an Ajax-enabled version to work with Squarespace.
    However, if you find code on this site, or on a similar site, that isn't Ajax compatible you have two choices.
    Hire a developer to write you some better code Use the code you've found and disable the Ajax features on your site. It's worth noting that disabling Ajax is not a solution. It's just a workaround. It will allow you to run old code that hasn't been written to work with Ajax-enabled sites but if you disable it, you will lose many more features that improve the performance of Squarespace sites.
    If your template uses Ajax loading (all the Brine-family templates do) and you want to disable Ajax you can do so in the Style Editor. To disable Ajax:
    Open a Blog Page then, in the Home Menu, click Design, and then click Style Editor.
    Scroll down to Site: Loading.
    Uncheck Enable Ajax Loading.
    This workaround will fix the issue, but it will disable Infinite Scroll and all Ajax features.
    I hope that helps.
    -Paul
    Squarespace Expert & Experienced Developer
  20. paul2009's post in How can I add small annotation-like text (superscript)? was marked as the answer   
    There isn't a preset available for this in the text editor, so you'll need to add your text in a Markdown Block or a Code Block and use HTML. The HTML for superscript is
    <sup> </sup> For example, you could add something like this: <p>This text contains <sup>superscript</sup> text.</p> ..to achieve this.. This text contains superscript text.

    Read more about the HTML here: https://www.w3schools.com/tags/tag_sup.asp
    I hope that helps.
    Paul
    Contributors to this forum voluntarily give their time to help you.
    If a post helped, please tap on one of the "Like" icons below  ↘️
  21. paul2009's post in How can I customize the arrows on the summary carousel block? was marked as the answer   
    Sure, this should make it work:
    .sqs-gallery-design-carousel .sqs-gallery-controls .next, .sqs-gallery-design-carousel .sqs-gallery-controls .previous { display: block; float: right; position: relative; top: auto; left: -15px; right: 15px; bottom: auto; margin: 0 0 15px 0; padding: 0; background-color: transparent; color: inherit !important; font-size: 16px; line-height: 16px; cursor: pointer; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\E003"; text-align: center; display: inline-block; vertical-align: middle; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-size: 64px; width: 64px; height: 64px; line-height: 64px; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-size: 32px; width: 16px; height: 32px; line-height: 32px; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous { margin-right: 10px; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\E000"; text-align: center; display: inline-block; vertical-align: middle; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-size: 64px; width: 64px; height: 64px; line-height: 64px; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-size: 32px; width: 16px; height: 32px; line-height: 32px; } .sqs-block-summary-v2 .summary-heading { font-size: 24px; } .summary-heading { text-align: center !important; } .summary-carousel-pager .previous { position: absolute !important; left: 18px !important; right: inherit !important; } .summary-header-text{ position: relative !important; padding: 0 !important; left: 25px !important; }
  22. paul2009's post in Sonora - How to force hamburger in all media sizes was marked as the answer   
    Hi @dangermouse
    You should be able to replace it by hiding the main headers (top and bottom) and always showing the mobile bar. Try adding this to Design > Custom CSS:
    /* Replace the desktop nav with the mobile nav */ [data-nc-base="mobile-bar"] { display: block; } .Header { display: none!important; }
    You didn't provide a link to your site but I tested it on the Sonora demo site.
    Paul

    I post free answers because I want to help fellow Squarespace users - I'm not selling anything. In return please Accept an answer if it is correct. If it didn't help, feel free to ask for more help or wait for others to add their comments.To everyone! If you find this (or any) answer helpful, please vote it up using the up arrow. This will let other users know it's a good answer. You'll find some more Squarespace tips on our website.
  23. paul2009's post in Photo resizing on mobile was marked as the answer   
    Hi
    Try adding this to Design > CSS:
    #collection-573ca1a67c65e4bc1c012206 { /*only apply to ABOUT page on this site */ @media screen and (max-device-width: 640px) { .sqs-block-content .image-block-outer-wrapper { width: 50%; height: 50%; margin: auto; } } }
    The first (and last) line make it only apply to the About page on your site. It references the collection ID, which is a unique reference for every page on the Squarespace system.
    The second line means that it will only apply when the browser width is reduced to 640 pixels, at which point there is one column (in this template).
    The rest of the code reduces the size of the headshots and centres them across the page.
    This will affect all images on the page, including the first image in which you have embedded text. I've assumed you'll remove this. It's always better to add text as text as it can become too small to read on a mobile.
    Paul

    I post free answers because I want to help fellow Squarespace users - I'm not selling anything. In return please Accept an answer if it is correct. If it didn't help, feel free to ask for more help or wait for others to add their comments.To everyone! If you find this (or any) answer helpful, please vote it up using the up arrow. This will let other users know it's a good answer. You'll find some more Squarespace tips on our website.
  24. paul2009's post in Flatiron Gallery - Space between projects was marked as the answer   
    Hi
    You didn't provide a link to your site so I can't test it for your situation, but try adding something like this to Design > Custom CSS:
    /* Flatiron: Add 8px white space between index items */ /* set the white space on each side of page */ #container-content { padding-left: 8px!important; padding-right: 8px!important; } #grid .item { margin-left:-8px; a { border: 16px solid #fff; } /* Overlay size on hover */ .wrapper { margin: 16px; } }   Paul
  25. paul2009's post in Change Font Size on Gallery Grid was marked as the answer   
    @twill: Usually adding something like this (to Design > Custom CSS) will work:
    .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { font-size: 20px; }
    Adjust the size to suit. If it doesn't work, please post a link to your site/page.
    Paul

    If you posted this question and the answer is correct, please Accept it. If it didn't help, feel free to ask for more help or wait for others to add their comments.To everyone! If you find this (or any) answer helpful, please vote it up using the up arrow. This will let other users know it's a good answer.
×
×
  • Create New...