Vicks

It can be done by both CSS or Javascript. Using CSS, you can make the element invisible which says source, and inject a pseudo element in place with word 'buy tickets' with javascript, you can target the element and replace its word directly. if there is no way to update the text from editor, then these options can be used. If you provide the link to your site, I can help you write the code.

Hi, in order to hide the scrollbar on iframe, your iframe has to have the same height as its content. If the fontvisual page has more height than the iframe height, it will show scrollbar. You can use javascript to solve this. The below script calculates the height of the content of the iframe and sets the height of the iframe to the content height. var iframe = document.querySelector('#block-yui_3_17_2_1_1619008534514_75765 iframe'); iframe.onload = function() { var iframeDocument = iframe.contentWindow.document.documentElement; var newHeight = iframeDocument.scrollHeight; iframe.style.height = newHeight + 'px'; };

perhaps this css might be useful: <style> .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager { width: auto; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before, .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { padding: 10px; background: #000; color: #fff; border-radius: 50%; // only if you need rounded buttnos } </style>

did you mean recent episodes? Its really difficult to spot arraw if its on recent blog, with flower background. UPDATE: found it. its on the top right of the last blog. 🙂

And I was relieved when I got a response with "we will let our development team know..." I'm new to Squarespace 😀

🙂 ignore my post @tuanphan is right, I totally missed that its checkout page

@creedon has provided a nice solution to save some time doing this. I think you can use that as solution. I was just testing something where I wanted to keep a csv file on my google drive, and it generates links on my SS website from that csv file. Let me know if you need that code snippet.

can be done using script, but still you will have to prvide your list in JSON format. something like this: { name:"first name", link:"https://example.com"}, {'name:"second name", link:"https://example2.com"} I think you can create this in excel, just add the symbols as columns around your name and link. If this is the way you prefer, then I can provide you a javascript to automatically create all links. Please provide your site where you have this list.

here is your CSS, you just needed to be more specific when targeting the item. Because of the specificity of CSS, there was another class taking over your padding settings. If you just change the selector, it should work: /* Nav item color */ .header .header-nav-wrapper a { border-radius: 10px 10px 0px 0px; padding: 2px 10px; transition-duration: 0.4s; } /* Nav item hover color */ .header .header-nav-wrapper a:hover { background-color: #D5B56E !important; border-radius: 10px 10px 0px 0px; padding: 2px 10px; transition-duration: 0.4s; }

Here you go: .summary-excerpt { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; } You have a div inside each card, which has a class summary-excerpt. This div contains two paragraphs, one for the description and other for price. When I make it flex, both paragraph align at top and bottom, however, in the first card, you only have one paragraph and no description. Perhaps you can add some blank space just like other cards to fix that.

sure, its possible. Can you provide link to your website where the video is displayed and also the fallback image ( just add fallback image just below the video the same page). And we can toggle using javascript to display video or image at a time.

pls provide your webaite url, and I can help you write css to remove the fade transition.

It looks decent. I would suggest to check it on mobile phone also. The home page images looks a bit mis-aligned on mobile. Great work. Cheers!

As of yet google did not provide any embed or widgets to show revisews. However they provide access to the reviews data through API. That means you need to authenticate with Google using your google account and generate a secret token. And use that token to fetch data from google's server and display it on your website.. However, its not recommended to do this on squarespace website. Beecause any code you add to squarespace is added on the client side and can be seen by anyone who can see your website, this can get access to your private token to gain access (hack) to your google account. Usually you keep your private token on your server and call your server to get the data about your reviews. Your server keeps the token hidden from prying eyes. But squarespace didn't provide such machanism, i you can't add server side code. That's why you will see many website providing such services. You store your auth keys in their server and they give your some code which connect to their server and downloads the reviews from google using your secret key and shows it on your website. If you search "google review embed" on google, you will find many websites offering such service. Though there might be some fee involved.

Try this: @media only screen and (max-width: 700px){ #productList { display: grid; gap:10px; grid-template-columns: repeat(2, 1fr); } #productList .product { Float:none; width: auto; } #productList .product .product-image img{ left:0 !important; top:0 !important; width: 100% !important; height: 100% !important; object-fit: cover; } } This will update most of your products. However, I noticed when you select all, the products which are displayed are using different layout. Check if this script works.. and let me know for which page it doesnt work.

glad I could help. You can mark it as solution if it solved the issue.

From your screenshot I can see that the css has some syntax errors. Could you please share the website and I can guide you through it.

for nav icons, you can just change the css selector .header-nav-item a:after => .header-nav-item a:before and remove or adjust the margin-left:10px accordingly to even out the spacing between. However, changing the class selector will also move the icons on the left side of menu also. I can provide better suggestion if you share the website, I can take a look at logo sizing issue too.

its using particlejs library. https://vincentgarreau.com/particles.js/ its implemented on my site also. see here: https://vsoni.com if you provide your website and where you want to add it, I can help.

click on the three dots in your chrome and open new incognito window. In that window login to squarespace and try to add instagram.

You can try these: Using javascript: <script> el = document.querySelector("[class^='CheckoutTotal-label-']") el.innherHTML = "Your word" </script> or Using css : [class^='CheckoutTotal-label-'] { visibility: hidden } [class^='CheckoutTotal-label-']::before { content:'Your text'; visibility: visible; } This selector [class^='CheckoutTotal-label'] is trying to find element who has attribute class and the value of attribute starts with CheckoutTotal-label-

Did you apply css from @Ziggy ? because they looks normal to me now the other pages. How do I see the bug?

Glad I could help. Cheers!

Happy to help 🙂

my apologies, you don't need two blocks, both can be inserted together. Perhaps this might help: https://support.squarespace.com/hc/en-us/articles/205815928-Adding-custom-code-to-your-site?platform=v6&websiteId=642d9825554a0f4b93b867ca https://support.squarespace.com/hc/en-us/articles/206543617 Just go to settings > advanced > code-injection. and add the whole block into "footer". Not sure if thats what you see in 7.0