Leaderboard

Hey @aurevoir_blu! These boxes in Hidray are markdown blocks with some additional code in both the block itself and CSS. We'd be happy to share how we did it! 👍 Step 1: Add a markdown block and paste in the code below. Replace the ICON-URL-HERE with the URL of your own icon. We recommend hosting the file in CSS > Manage Files. This will generate a direct URL you can copy/paste in. Then add in your title text (it's set to h3, but you can change to h1 or h2) and then your body text below. <center> <img src="ICON-URL-HERE.png" style="width: 60px"> <h3>Title Text Here.&l

This worked perfectly! Many, many thanks @ghostplugins Just one small thing: I have 5 boxes in a row. When I align 4 it's evenly spaced, but adding the 5th breaks it. Is there a way to add one more? or does it need to be a certain amount?

You are a lifesaver!! Wow, thank you so much 🤩 I'm gonna try it out now and report back. You rock!

Site URL: https://alligator-horse-4t36.squarespace.com/ Context: On my homepage, I have code to enable a split screen. The first section is text, the second is a fullscreen slideshow gallery but it displays with the images on the left and the text on the right. On mobile, it stacks the gallery slideshow gallery on top of my text. For mobile, I want to: 1. Switch the order so that the text appears first, then the slideshow below (they are in different sections) 2. Make the slideshow 75% as tall Password to website: 1

Site URL: http://laureninowicki.com TL;DR: Is there anyway to transfer a G Suite account purchased through WordPress to Squarespace? (Domain has been transferred from WP to SS) Years ago I built my website using WordPress . com since it was cheap and simple. A few months ago, I purchased my GSuite email account through WordPress using my WordPress domain. Recently, I decided that I wanted to put more effort into my website and made the switch to Squarespace (LOVE IT) and I transferred my domain from WordPress to Squarespace easily. I cancelled my WordPress plan so it is now "domain . wo

Site URL: https://www.dutchcoursesrotterdam.com/webinar I would like to remove the header, footer, menu and especially one button 'Sign up!' from a landing page. I have used the code below but the menu, button and footer is still there (perhaps because it's an unlinked page?) Can anyone help? <style> #header { display: none } </style>

The response answered the question, but is NOT a solution. This needs to be available for our customers to change their email. If they create a new account they lose all their previous order history. If they are not able to change their email and are forced to create a new account, can their previous orders be moved to their new account? I'm sure this must be a loss of earnings for websites that have subscriptions (customers don't re-subscribe), I'm glad I don't. Squarespace you need to resolve this now! Does anyone know if Shopify has this issue?

Video 3. On mobile, you place video (left) - text (right) so on mobile it will stack left to right, and it will be video (top) - text (bottom). If you want them stack title (top) - video (bottom), you will need to use custom code. If you want to continue, I will check & give the code.

Is there a way to call javascript which will only effect the live page, not when it's in the editor?

try this @media only screen and (max-width: 768px) { #split-group-1 .wm-split-1 { order: 1 !important; } #split-group-1 .wm-split-2 .gallery-fullscreen-slideshow[data-width="full-bleed"] { height: 75vh !important; } }

Site URL: http://www.facilibuildhub.com/ How can I size a code block for mobile? The video on my site is embedded as a code - we didn't want the suggested videos to pop up at the end and I found a tutorial for getting rid of them, which involved embedding it as code. However, the video remains full size on the mobile version and throws off the entire site display. Any tips for how to fix this?

Site URL: https://peachanddot.com/ Hi, Do you know how to change the hover text for my sign up forms (both can be seen on this page (https://peachanddot.com/freebies) from black to white (so it matches the rest of the buttons on the site). I've managed to change the rest of the buttons with this tweak: /* BUTTON TEXT TWEAK */ .sqs-block-button-element{ color: #ef7b7b !important; background: #ffffff !important; background-color: rgba(0, 0, 0, 0) !important; border: 2px solid #ef7b7b !important; &:hover { color: #ffffff!important; background: #ef7b7

Hello, I'd like to know is there any way to customize section theme color for each page I want the color setting in the black square to be only for this page but it turns out it changed other pages too, so is there any code I can use to customize the section theme color for each page? Thank you so much I don't know what to do anymore

Hi there, I'm wanting to add a cool mouse over effect when you hover on the images on the 'work' section of my site - heres the link to this section of the site: https://chipmunk-turbot-3bw7.squarespace.com/general-4 The kind of effect I'd like to add like the 'liquid' effect which you seem to be able to add to some images on squarespace or like the mouse over effect on this site's images https://www.hellomonday.com/. I'd only want that effect to be activated when the mouse hovers over the image. I'd also want to maintain the 'slide up' animation when the images initially load onto

Hello, I'm about to start building a website with Squarespace 7.0, using the Brine Template. On the homepage, I'd like to have some text looping between several words, with a dissolve effect, not a typewriter effect. I've had a look online before, but it seems that most people use a typewriter effect, which wouldn't really work for my brand. I also checked this website, but didn't see anything similar to what I'm looking for: https://tobiasahlin.com/moving-letters/ I'd like a mix of the "Great Thinkers" for the effect, but with the text changing. Thank!

.header-nav-item a[href="/store"]{ color: darkred !important; }

Site title: a#site-title Navigation items: .header-nav-item a paragraphs: p

That is a bit difficult and will take quite a bit of code. What is the font you want to use? The actual name of it?

I recommend you contact Squarespace Customer Care for help with this. They are always happy to help and as they can logon to your site, they'll be able to talk you through any issues.

It's a popular question. See this thread:

Can't get you password to work.... However it shouldn't be hard to do: Put the page in the top of the folder, and then create a link in the header nav to the /crochet-patterns page That way the folder opens to it and it is available directly from the nav also. You may need to consider changing the name in one location if you don't want it to show up as 'crochet patterns' twice in your nav overall.... I'll look if you can sort the password out...

Do you still need help on this?

Hi. Add to Design > Custom CSS /* Footer input */ footer.sections input.newsletter-form-field-element { padding-left: 0 !important; }

Hi. The url doesn't exist. This is possible.

Add to Design > Custom CSS /* Product space */ @media screen and (max-width:767px) { h1.ProductItem-details-title { margin-bottom: 5px !important; } .ProductItem-product-price { margin-bottom: 0px !important; } .product-price { margin-bottom: 0px !important; } .ProductItem-details-excerpt { margin-bottom: 5px !important; } }

Add this to Design->Custom CSS section[data-section-id="5e7ca67a50c13d2da7a88299"] .sqs-layout .row:nth-child(1) { align-items: center; display: flex; }

You may want to try this border: 10px solid black; padding: 5px; /*To add more space vertically*/

You gonna need 2 steps to achieve this 1. Add a button with link, something like: "#print-page" 2. Head to Settings->Advanced->Code Inject, paste this to footer <script> $(document).ready(function() { $(document).on("click", "#block-yui_3_17_2_1_1614500466691_13651 .sqs-block-button-element[href='#print-page']", function(e) { e.preventDefault(); window.print() return false; }) }); </script>

Could you try this .blog-item-summary .blog-excerpt-wrapper h4 { font-size: 2em; line-height: 0em; } .blog-item-summary .blog-excerpt-wrapper p { font-size: 2em; line-height: 0em; }

Wish I had known more about summary blocks and the fact you can make a "list" of blog posts a whole lot more exciting looking with some design tweaks. https://myrandomviews.com/storysummary Update: Another thing I wish I knew is that you can isolate and group blog posts using a category filtered by a hyper-link. They will show up in list layout or as featured posts, depending on how your blog is styled, and your template setting, but these posts look like they have their own 'page" without actually having to use one. So I mix things up on my site, some posts in a summary blo

Add to Design > Custom CSS /* remove portfolio pagination */ .item-pagination[data-collection-type^="portfolio"], .item-pagination[data-collection-type^="portfolio"] { display: none; }

based on the posts here in the forum about the Members Area, it looks like it wasn't thoroughly beta-tested before release. so many shortcomings and missing features.

For the product page, I am looking for this answer as well. Currently it only show Shop Page > Item, instead of Shop Page > Category > Item

I have a floral company operating on the Squarespace platform and sometimes customers purchase multiple arrangements going to different addresses all in the same order. For example, for Mother's Day the same customer may order an arrangement for their mom and grandmother, both going to separate addresses, but paid for on the same order. Is there a way to get a separate shipping address per item versus collecting all the shipping information generally at the end? Or is there a way to turn of collecting the shipping address (which we could rather build into a form)? Our overall goal is that we’l

For recurring membership fees, you must use Stripe. You cannot integrate anything else.

Site URL: https://yigal-shtayim.squarespace.com/ Hello! I know that this question has cropped up here and there on the forum but I have not yet seen a solution or a definitive answer as to whether this is even an option using custom CSS code. Here goes: I am working on a site right now and would like it if you could zoom-in from the lightbox. Ideally this would be a -/+ with a slider bar on the button that would allow someone to pan around... Here is an example: https://www.artsy.net/artwork/katarina-riesing-cardi It would really stink if I had to move everything over t

Hi Gary Here are a couple of ideas to get the conversation started but it may help if you include a link to your website so that we can see the context. Add a Custom Product Form to each product. You can then collect delivery dates, addresses and contact information for each arrangement separately. If the arrangements are added as Service Products, customers will not be prompted for shipping information again on the checkout page. This will allow customers to add multiple arrangements with different delivery dates or addresses to a single order. If you enable Express Checkout, c

Add to Landing page settings > advanced > Header <script> setTimeout(function(){ window.location.href = 'https://beaverhero.com'; }, 5000); </script>

Hi @T1B Replace it with this: .Mobile-overlay-nav-item { font-family: 'Your Font' !important; font-weight: 200; font-style: normal; font-size: 30px; letter-spacing: 0em; } (Make sure you write the font-name correctly).

Sadly squarespace is very constricted in how to edit the mobile view. It's honestly one of the SS's weakest areas.