Leaderboard

We have a custom form on our website for donors to give, and the additional information field includes info to which specific fund they want to give. However, when that donation is processed through Stripe, the additional information field is not reported. Thus, for our accountants to have knowledge of which fund the money should go to, they cannot see it in our Stripe reports. Any ideas as to how to get this additional information which is very important reported over to Stripe in all transactions?

Hi Kevin Great to see a Devlin site; there aren't many of those left. By default, the mobile padding is 40px. To reduce this to 14px, you can add this to Design > Custom CSS: @media (max-width: 640px) { #site>.wrapper, #footer>.wrapper { padding: 14px; } } -Paul

From everything I've read it looks like the move to 7.1 (and removal of specific templates in favour of design styles) means header search is now gone. Same story with the Sidebar. Both features no longer seem to be supported which is super disappointing. The irony is that the Squarespace's own sites use both of these features (header search and sidebar) heavily. They are great features, please bring them back.

@fwalsingham You should be able to change it with this: .tweak-product-item-details-show-title .ProductItem-details h1.ProductItem-details-title { font-family: 'Mint Grotesk Bold'; }

That confirms that the issue is as I suspected. I suggest you approach the other company to ask them when their site will be upgraded to be secure (SSL/HTTPS). When they allow https, the iframe will work. The only other alternative is to downgrade your site's security - but I recommend against doing this as it's really important for security. So important in fact, that Google actually punishes websites that don’t use https by pushing them down in the rankings.

add to Home > Design > Custom CSS .collection-type-products.view-item span.sqs-money-native:before { content: "Price per product: £"; }

I would take a look at @paul2009’s product enquiry form extension which should do what you need. https://sf.digital/squarespace-product-enquiry-form or even his Wish List extension. https://sf.digital/squarespace-product-wishlist

I have reached out to Squarespace Support Multiple Times on my concerns for the lack of shipping options within the platform. For Starters, we are unable to input our FEDEX discount into the shipping. For example a FEDEX 2 day one rate cost us $6.99 on the website it wants to charge the customer $22! Also, there's also no calculated international shipping, from any carrier! Furthermore, while you can mark up shipping, you can't subsidize it, a simple change in code. I have patiently waited for months but nothing has changed. I have done my best to figure out flat rates for international and it's either costing me money and sales. As my business continues to grow I am optimistic Squarespace will grow with me and recognize the significance of this issue. I get weekly emails from square space, showing changes and I'm constantly disappointed this is looked over.

Add to Page Settings > Advanced > Header <style> #logo img { visibility: hidden; } #logo h1.logo a { background-image: url(https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg); background-size: contain; background-repeat: no-repeat; background-position: center; display: block; height: 100%; } </style>

For the <a> another style is using a rule that is more important than what you are writing, in this case you need to add ! important after the color code, which makes it stronger and ignores all the subsequent rules. For the <h1> there's a typo - in color code you should write color without 'u'. However, I recommend you changing your header colors using the native tools instead. Go to Design > Style and change your main colors there 😉 a{ color: red!important; } h1{ color: red; }

If you have less than 200 products, you can place them all on one Product Page, but when you have more than 200, the situation is as you describe. With the built-in tools, the Product Pages are separate and it is difficult to combine them without extensive custom code. @michaeleparkour has made this much easier with a collection of plugins. His Sync Collections plugin allows you to load multiple product collections into one Lazy Summary Block. You can then filter multiple Product Pages in the way you describe, without duplication .

There is a min-height of 33vh set on sections. You need to override that to get the sections smaller. For all sections this would be: .page-section { min-height: 0 !important; } For a specific section you need to specify the data-section-id that can be found by inspecting the page code using your browser's developer tools. Somethig like this: .page-section[data-section-id="5d979fd8590a832f3c411579"] { min-height: 0 !important; }

edit the code to @media screen and (max-device-width: 640px) { #collection-5e26fcabf068c869feaa849f #block-yui_3_17_2_1_1577452920169_13860 { .sqs-block-content .image-block-outer-wrapper { width: 50%; height: 50%; margin: auto; } } }

In the circumstances @Adaptive you'll probably want to set the minimum height of the text. That way, the buttons are also aligned. For example, this CSS would probably work at the maximum width, but you'll need to wrap a number of these in media queries to adjust the height at smaller widths: #collection-5df0cfba33e7090f1f46f853 .image-subtitle-wrapper { min-height: 134px; } The reference to '#collection' is there to ensure that this only affects this one page. Anyone else using this would need to adjust the collection ID accordingly for their site. Here's a media query example for anyone who needs it. /* On screens that are less than 768px wide */ @media screen and (max-width: 767px) { [the css goes here] }

You'll find it in Design > Site Styles. In the section SITE: HEADER LAYOUT there's a setting called Cart Position.

@RWOLFE Can you provide us with a working link to a Gallery Page/Gallery Block on your site where you want to achieve this?

body#collection-5e1c0f9d3796b2442328e8f8 .Index-page-image:before { content: ""; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); }

Thank you so much! I was able to fix it with your help. I could not edit the code because I do not use Premium plan, but it helped that you pointed out that it's an error in the prefooter before the newsletterblock. I went to Site Styles, and under the Newsletter block, I reduced the padding to 0px, and it solved the problem.

thank you so much! I didn't realize you could target blocks. Super helpful.

#yui will change if you reload the plage so don't use #yui Use Page ID. See how to find Page ID. If you use Business Plan or higher, remove the id, and wrap css in style and add to Page Header <style> css here </style>

Can you share link to your site? or plugin by @paul2009

Checked out your post. You've certainly got a go steam of topics and they all seem interesting. No traffic? I've been using social media to drive traffic since the advent of Twitter and FB and it's taken me years to get anything going. If you plan to make money off your posts I suggest that you start with the Home page. I didn't see a clear mission statement of what you are doing... it just says Posts. That doesn't tell bots what your page/content is all about. You need a summary that describes your content on every page. You should think about categorizing your posts to make things easy for visitors and bots. I'd start there. If bots don't understand your page they won't know how or if to rank it so it can be searched. Be sure to use tags, longform are best. Read about it online. Be sure to use popular keywords. So if your content is satirical/informational then use words that tell that story in your summary that proceeds the posts. Your website is also not complete and needs to be properly displayed for anyone to take it seriously. Take another look at it, or ask for help from Squarespace or the forum. You said you posted to social media few times. It takes repeated efforts, not once or twice. Don't get too caught up in social media, because if you're wanting to make money at posting/blogging/vlogging then social media people aren't necessarily going to be your ultimate audience. If you're into specific kinds of posts then get involved in Forums and link or comment on like minded websites. Vertical topics must reach vertical audiences, not general social media audiences. That's my take on it. I hope you continue.

Use this in DESIGN > CUSTOM CSS. #collection-5e14ae8ae375184c7b011c19 .date{ display: none;} It looks like you have two different pages: https://devbio.stanford.edu/david-hogness-memoriam-guestbook (what you're looking at) https://devbio.stanford.edu/david-hogness-memoriam-guestbook/2020/1/7/guestbook (What you commented above and we're looking at)

I also don't see the date anymore. But you can try modifying the code slightly to this. P.S. I worked on the dschool portion of your school website! The original developers did an amazing job making that website out of Squarespace (https://dschool.stanford.edu/) <style> .collection-type-blog.view-item span.date { display: none !important; } </style>

For clarity, this is for people purchasing through a Squarespace hosted ecommerce store. I am not looking to pay for my account on a payment plan.

Can you take screenshot of " blog item spacing"?

@miller.nw, I agree with what @sarah says. Squarespace Campaigns is great (I use it myself), but there are some use cases where it's not ideal. For example, you can only automate up to 60 days from their join date. So you'd have to complete your sequence within 2 months.

Thank you, Christy! So appreciate the help ; )

I'm looking align text to the left using the York template. The standard setting is center aligned. I can't find how to edit this. It seems that my options are limited to these, unless custom CSS is needed. Thanks in advanced for any help you can offer.

I am using the foster template to display my eccomerce website. This template only gives the options to display product images as a slideshow or as thumbnails. I like to display the product images as a carousel with them displaying on the left side of the screen and the product details on the right at 641 px or more and at 640px or less for the carousel to display first and the product details to display after. (ive made it so that the mobile breakpoint is 640 px). Is there any code to create this effect ? i have tried numerous codes and was unsuccessful.

Add to Home > Design > Custom CSS div#banner-wrapper img { border-radius: unset !important; }

Access Site Style and adjust line-height

/* 1. Mango */ .sqs-block-button-element[href="/mango-mood"] { background: red; } /* 2. Gathered Green */ .sqs-block-button-element[href="/gathered-greens"] { background: green; } Do similar for buttons 3, 4

Here is SS' response.

You cannot remove 'shipping address' or the 'shipping and handling' line, if that's what you are asking about. The following article explains which elements you can customise: https://support.squarespace.com/hc/en-us/articles/205811258

It works! Thank you!!

The site is not live yet. I think I figured it out. Similar to Square 7.1 .nav-item a:hover { text-decoration: underline !important; color: hsl(120, 87%, 52%) !important; }

Similar problem trying to upload an html file to root domain for an affiliate program. Does anyone have an answer for this yet? TIA!

This can be done with some Javascript. Read the datetime attribute, extract the year and append it to the date displayed in the date-callout. You'll need to find all matching elements if you want to do this on the blog list page, or just once if you only need it when the full blog article is being shown. People in the community generally need a working link to the site to be able to provide a working solution.

@Distilled @sarahcreates maybe you need to edit menu code in Dev Mode.

1. Embed manually each reviews with Code Block 2. Use plugin, eg: Elfsight (free, but has Elfsight logo)

Thanks for your response. I guess the current Cookie Banner options cover most non European situations for GDPR, but in terms of businesses trading in or with European countries, the current options do not adequately meet the requirements for GDPR according tot he legislation (from what I understand of it). Using a third party to fill these requirements (at least in my mind), only further complicates the problem and would be better resolved within Squarespace itself as additional Banner options etc, but having said that, it depends on the needs of the business and whether any additional options would actually cover all use cases, so I can see why it's perhaps not likely to happen. To my point, it would be at least nice for the end user of the website to be able to 'hide' or close the pop-up banner with the simple addition of a 'close' / 'X' button on the banner itself.

Find the collection id of the page in question. You do this by inspecting the source code and looking at the body tag. Then insert the collection id into the following code (making sure you keep the # character in the code) and paste the edited code into your custom css area. #collection-id-here { header, footer { display: none !important; } }

I can't for the life of me figure out how to hide the active post in a summary block for blogs. So for instance, I want to feature a summary block showing "Related Posts," so I set it to the category of the current post, but the current post that the user is reading will still show up in the summary block. Is there a way to prevent that? There's no reason a user would want to click a link to the post they're already on, obviously. This is on the Nueva template, though I haven't seen the feature in any template I've used.

Alternatively, if you are on a template that allows it you can increase your mobile breakpoint in Design > Site Styles to give you the mobile menu instead.

As a test I created a gallery called test gallery. Then I gave some of the items in the gallery links I created a summary block on another page that uses the gallery as the source of its images. Then I created a css rule to kill pointer events for any summary items whose link is from the original gallery (begins with /test-gallery). It works as expected. Items with no clickthrough url have a standard cursor and are not clickable but those with a clickthrough work properly. Here is the code - insert it at the bottom of your custom css area after any other code that may already be there. You'll need to tweak href ^= "***" to reflect your gallery slug .summary-item a[href^="/test-gallery"] { pointer-events: none; }

Hi all. I've updated the answer. I've left the previous answer as well in case that works better for others. In general, you can inspect the code and form your own custom CSS by using your browser's developer tools/inspector. However, hopefully the code above is all you'll need.

You will need to use custom checkout form. I have linked to the support document below. But please note that you won’t be able to charge extra for gift wrapping at the checkout stage, just a tick box as to whether they would like gift wrapping or not. https://support.squarespace.com/hc/en-us/articles/206540907-Creating-a-custom-checkout-form Unfortunately you can’t add code or css to the checkout page, it is essentially locked down. If you would like to charge extra the bulb there are some work arounds in order to get the user to essentially add gift wrapping to their cart before the checkout page. For example you could have a pop up that appears when a user adds an item to their cart which asks if they would like gift wrapping.

You might try copying and pasting this in Design > Custom CSS: /* ** in gallery grid, set a hover over slide effect to ** display slide title on partially transparent ** overlay */ .sqs-gallery.sqs-gallery-design-grid .slide .margin-wrapper .image-slide-title { position: absolute; bottom: 0; width: 100%; height: 0; color: white; background-color: rgba(194, 194, 163, .8); opacity: 0; transition: all .25s ease-in; } .sqs-gallery.sqs-gallery-design-grid .slide .margin-wrapper:hover .image-slide-title { height: 40%; opacity: .9; } This should give you the effect, on hover over a slide, of a partially transparent overlay sliding up over the image and displaying the slide title. Let me know whether this works and, if so, whether it's the type of effect you have in mind. -Steve

If you use Markdown blocks rather than text blocks you can have additional levels of header. # This is H1 ## This is H2 ### This is H3 #### This is H4 ##### This is H5 ###### This is H6 It even works on here: This is H1 This is H2 This is H3 This is H4 This is H5 This is H6 > This is quote This is quote 4 leading spaces is code 4 leading spaces is code You can also _italicise_ and **embolden** You can also italicise and embolden More here: http://daringfireball.net/projects/markdown/syntax