-
Posts
23 -
Joined
-
Last visited
Content Type
Forums
Downloads
Store
Events
Blogs
Gallery
Profiles
Everything posted by TinaCreates
-
Hi There, I have a folder in my navigation with two list items in the drop-down folder. In Google search results, this folder does not clearly display with the title name, it simply shows up as folder. My other navigation item names display clearly, however, the folder title name does not. How can I fix or work around this? Many thanks, Tina
-
Hi Luno, Thanks for following up on this topic. I ran some tests with Claude and found an answer. I'm sharing the CSS that worked for me here, in case someone finds it useful for their gallery block. For more context, I have multiple pages with a gallery grid block. One page has images with one dimension, and a separate page has images with a different dimension. However, both have the same 3:4 aspect ratio for display. /* Universal gallery image targeting */ [class*="sqs-gallery"] .thumb-image, [class*="gallery-block"] .thumb-image, .thumb-image.loaded { border-radius: 12px !important; overflow: hidden !important; } /* Parent container targeting */ [class*="sqs-gallery"] .margin-wrapper, [class*="sqs-gallery"] .image-slide-anchor, [class*="sqs-gallery"] .content-fill, div[class*="gallery-block"] .margin-wrapper, div[class*="gallery-block"] .image-slide-anchor, div[class*="gallery-block"] .content-fill { border-radius: 12px !important; overflow: hidden !important; } /* Additional specific targeting for different aspect ratios */ .sqs-gallery-thumbnails-per-row-3 .thumb-image, .sqs-gallery-thumbnails-per-row-3 .margin-wrapper, .sqs-gallery-thumbnails-per-row-3 .image-slide-anchor, .sqs-gallery-thumbnails-per-row-3 .content-fill { border-radius: 12px !important; overflow: hidden !important; } /* Force override any template-specific styles */ .sqs-block-gallery .thumb-image { border-radius: 12px !important; overflow: hidden !important; } Many thanks, Tina
-
Hi Luno @Spark-Plugin Thanks for looking into this! I tried out the css you shared but it didn't work either. I also tried out the following css as well, which also did not work. /* Apply 12px border-radius to images specifically in grid gallery blocks */ .sqs-gallery-block .gallery-grid img { border-radius: 12px !important; } Do you have any other recommendations? Many thanks, Tina
-
Custom Toggle for Light and Dark Mode
TinaCreates replied to TinaCreates's topic in Customize with code
Thanks @John_Squarify! I'll check it out.- 4 replies
-
- html
- javascript
-
(and 1 more)
Tagged with:
-
Hi There, I want my images to have a rounded corner radius of 12px that are featured on my gallery block, using the grid design. I have tried some CSS, but images are not appearing with rounded edges. I've tried clearing my cache, and viewing on mobile to see if it was my computer, but no luck. I've tried the following CSS, which is not working: .sqs-block-gallery img { border-radius: 12px !important; } I've also tried the following, and it's not working either: .sqs-block-gallery-grid .sqs-gallery-design-grid-slide img { border-radius: 12px !important; } Many thanks, Tina
-
Animated type & delete typewriter text custom code
TinaCreates replied to TrueNatureDreams's topic in Customize with code
Hi There, Re: Single row I would like to implement a similar typewriter effect with 3 words, but have everything listed on the same row (instead of 2 rows). I would like one word to be fixed, that word is Let's. The other 3 words that follow will have the typewriter effect. I implemented the above code onto a test page of my site, but the fixed word Let's is on one row, and the typewriter effect words are on a row below, I would like this to be all on the same row so it's not stacked looking. Re: Loop I want the loop to end after one of the typewriter words has appeared. For example, the word I want the loop to end on is connect. I want the word connect to remain on the page and not disappear. I want the sequence to play the typewriter effect when a visitor lands on the page and then stop playing after the word connect appears. Many Thanks Tina -
Adding color overlay on GALLERY SLIDESHOW on Squarespace 7.1
TinaCreates replied to Najiyya's topic in Customize with code
Hi @tuanphan, Thanks for your reply. I ended up going in a different direction. Thanks Again Tina -
Adding color overlay on GALLERY SLIDESHOW on Squarespace 7.1
TinaCreates replied to Najiyya's topic in Customize with code
Hi @tuanphan @Inscape I am interested in using a moving background with a gradient. I found a nice color combo on Lottie, but every time I tried adding it to a page, it wasn't formatted correctly. I edited the size and played around with height and width but it didn't look good. I would like to add to the background of my contact page. I still want my contact form to have the same formatting per Squarespace site styles. Here's the color combo and movement from Lottie for your reference https://app.lottiefiles.com/animation/27afcaf4-6505-4404-ad4e-7d1b86f2288e?panel=embed Any recommendations would be helpful. Many Thanks! Tina -
Hi Nikcol, Edit the color theme so you change it to something that is NOT Lightest 1. Play around with the other color options and you should be able to see your navigation links. Repeat this same process to edit in mobile. Many Thanks! Tina
- 2 replies
-
- background
- link
-
(and 3 more)
Tagged with:
-
Thank you for your reply. This issue was resolved by Manifold.
- 2 replies
-
- code-injection
- code
-
(and 1 more)
Tagged with:
-
Hi There, I've had a curated art page with embedded code, visible on my website for many months now with no issues, until today. The code was provided by Manifold for both the header and the body. Nothing appeared to have changed from their end in terms of code and placement, so I'm hoping someone from the community can share some kind of workaround solution for this. See the below info for your reference. Head Tag: <script src="https://curation.manifoldxyz.dev/0.0.3/curation.umd.min.js"></script> <link rel="stylesheet" href="https://curation.manifoldxyz.dev/0.0.3/curation.css" /> Body Tag: <div data-widget="m-curation" data-curator-address="address goes here and is kept private" data-curation-id="121" data-network="1" class="manifold"/> Thanks so much Tina
- 2 replies
-
- code-injection
- code
-
(and 1 more)
Tagged with:
-
Custom Toggle for Light and Dark Mode
TinaCreates replied to TinaCreates's topic in Customize with code
Hi There, How did you come across Adlytic Marketing as a potential solution? Is this something that you use? I saw the demo, and I'm not 100% sure that this is the solution. Do you have any other suggestions for code? Many Thanks, Tina- 4 replies
-
- html
- javascript
-
(and 1 more)
Tagged with:
-
Hi There, I would like to add a custom light and dark mode toggle to my website. Is someone able to share recommendations on the best code to embed? It would be great if Squarespace is able to integrate this as a feature as well. Many Thanks Tina
- 4 replies
-
- html
- javascript
-
(and 1 more)
Tagged with:
-
Hey There, Were you able to find a solution? I was looking into adding a dark mode/light mode plug in to my websites as well, and I also came across Code & Tonic on google. I also wanted to understand if you have a logo image that you uploaded vs. a text logo that was typed into Squarespace. It would be great to hear from you! Thanks!
-
Hi Ziggy, Happy Friday! I reviewed the links you shared, thank you! When I indexed my home page and the other pages, I did not include the /sitemap.xml at the end of the url for each on Google Search Console. Is this something that I need to add for all pages I indexed on Google Search Console? I've attached a screenshot for your example, is this something I need to add at the end of my url? Embedded Pages (Curated) When I do a google search, I see my Curated Page appear next to the other pages I indexed, which is good (see attached screenshot). Is there another work around to easily add a lot of images, without having to upload each image one by one? Many Thanks Tina
-
Hi Ziggy, Thanks for your reply. It's super helpful to learn that I can still use outbound links as long as the site I'm linking back to is reputable. Sitemap I set up my website on Google Search Console. I am unsure if I added my website's XML sitemap. What I have been doing is indexing each page... I will look through the link you shared and see if I have any other questions. Another thing I've noticed is that Google Search Console doesn't appear to like HTML pages. For example, my Curated page on my website is a widget that I used from Manifold. I received an error message for this page from Google Search Console, not sure if you've encountered this issue before? Many Thanks Tina
-
Hi There, I watched a very informative Squarespace SEO Masterclass video from Dec, but I still have a few questions. I'm hoping someone can help, see below: Outbound Linking This was not recommended in the video I watched. I am concerned because I currently have 8 outbound links on one page (my art page for example), yet they are all leading to the same outside business, Manifold. I could alway embed a widget from Manifold to allow for bidding/purchasing directly on my site, but this is not the road I want to go down. I prefer to go a different route that is also fiat friendly so there's an easy web3 onramp for people in the near future. That said, does having multiple outbound links, even it all leads to the same outside business, harm my SEO ranking? I'm curious, how do bloggers/influencers doing affiliate sales retain their SEO ranking, regardless of their outbound linking to various online shops? Curated Page I embedded a widget on m y website so I can easily feature some of my favorite art from other artists. That said, this also links back to Manifold. Is this is an issue for SEO ranking? I was planning on embedding an additional widget from another art marketplace so there would be more on offer from a curation perspective. This would likely be put onto a separate page, and not included in the same Manifold curation page. Before I do this, I just want to make sure that it doesn't hurt SEO rankings. Sitemap I would like my website to take up more digital real estate on Google search for example and extend down. How can I get my site to populate like the two examples I've attached below? My site is still very small, I want to ensure I build it out effectively. I've also attached a screenshot showing how my website appears when you do a Google search. Many Thanks, Tina