SSong
Member-
Posts
53 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by SSong
-
Hello! I'd like to get option 1 working, it worked on image for a second and then it didn't work again. Could you help me check (link here) and see what I did wrong? Thank you!
-
Site URL: https://www.fortsferryfarm.com/event-calendar Since I disabled the day tag on the event page, the distinction between future and past event is not as clear as I would like, so I'd like to be able to use css to change the opacity of past event event thumbnails or overlay a semi-transparent white box over. If anyone can help moi out, it'd be much appreciated! Thank you 3000! FYI template is brine
- 1 reply
-
- events
- events-page
-
(and 1 more)
Tagged with:
-
[Free Share] Apply read more button to squarespace content
SSong replied to Beyondspace's topic in Customize with code
Here's the link, password is 12345. If you see it in mobile view, you'll see the cutoff I'm talking about- 15 replies
-
- read-more
- code-injection
-
(and 2 more)
Tagged with:
-
[Free Share] Apply read more button to squarespace content
SSong replied to Beyondspace's topic in Customize with code
Hi @bangank36! How do I change the "Read More" and "Read Less" text to all caps? And also it cuts off weird on mobile, like there's a white block covering the bottom half of a line of text. Any idea how to fix that? Thanks!- 15 replies
-
- read-more
- code-injection
-
(and 2 more)
Tagged with:
-
How to replace Navigation text with an Image
SSong replied to HansenCreations's topic in Customize with code
Can you help me as well? I'd like to change the FOR FUN navigation link of this site to this logo here. And f I want it to be a vector svg instead of a png, can I just swap it out after? Thank you!- 12 replies
-
- css
- navigation
-
(and 2 more)
Tagged with:
-
Correct, I'd like to change it to #0033a0. Also how do I get rid of the underline when it's not active? Thank you!
- 4 replies
-
- sidebar
- index-page
-
(and 3 more)
Tagged with:
-
Active navigation anchor icon when scrolling to anchor point
SSong replied to KasperBed99's topic in Customize with code
@bangank36 Ooh my god Ba, can you help me? I want the active anchor in the left sticky sidebar to change color as you scroll to the anchor point, and I have no clue how to do it. Here's the link to the page. I've attached the question I posted before, it'd be great if you could respond over on that page. Thank you thank you! 🙏 🙏- 19 replies
-
- anchor
- navigation-link
-
(and 3 more)
Tagged with:
-
Ahh sorry, I added it within the code block.
-
No, I haven't. I don't know how to change the color the titles in the side bar as you scroll past the coordinating section.
- 4 replies
-
- sidebar
- index-page
-
(and 3 more)
Tagged with:
-
I took it off, because if I added it on, it would break the whole thing. Here's what I added, maybe I didn't have the right target? <style> .farm-anchor a{ font-size:medium; color:gray !important; border-bottom-style:none !important; border-bottom-width:0px } .farm-anchor a:hover{ color:#404040 !important; } <style>
-
Site url Hello kind people! I'm trying to implement a sticky side bar inside index sub-page with a jump-links that will be highlighted as you scroll to each section, I'm half way there and did manage to make the side bar sticky with help, but I don't know how to make the jump links change color as you scroll to the perspective section. Here's a perfect example of what I'm trying to do. Can somebody help me with this? Can it be done without javascript? My coding knowledge is pretty rudimental. Thank you!!
- 4 replies
-
- sidebar
- index-page
-
(and 3 more)
Tagged with:
-
That's because I remove the style tag, would love to know how to make it work with the style tag added on. Thank you!
-
Thank you!! It was working, until I turned them into anchor links and somehow broke everything... I think you still have permission as the website editor, so feel free to dig around in there if it helps. Below is what I put down anchor link. Maybe there's something obvious that I just can't see as my familiarity of css is pretty limited. Basically, this is what I'm trying to achieve but I have no idea how to implement this into Squarespace. <div class="farm-anchor"> <h3><a href="#varieties">Varieties</a></h3> <h3><a href="#practices">Practices</a></h3> <h3><a href="">Compost</a></h3> <h3><a href="">Reduced Till</a></h3> <h3><a href="">Crop Rotation</a></h3> <h3><a href="">Biodiversity</a></h3> </div> <style> .farm-anchor a{ font-size:medium; color:gray !important; border-bottom-style:none !important; border-bottom-width:0px } .farm-anchor a:hover{ color:#404040 !important; } <style>
-
@tuanphan Could you help me? I'm looking to do something similar on an index page sub page #farm-intro, trying to make the the left column (with the FARMING PRACTICES, COMPOST, REDUCED TILL, CROP ROTATION, BIODIVERSITY) sticky within the subpage, and also highlighted somehow (darker color or bigger font size) as one scrolls down past the section on right column. I tried to do it myself but it's not working... 😥 Thank you!!
-
Changing 'sold out' to 'coming soon' for particular items
SSong replied to Moana's topic in Customize with code
Sorry about the confusion. I thought we'd launch these listings next week, so just the Microgreens listing please. Regardless, I would still like to learn how to change the labels of multiple products, so I know how to do this in the future. Thank you! -
Changing 'sold out' to 'coming soon' for particular items
SSong replied to Moana's topic in Customize with code
Vegetable and flower CSA, and the microgreens listings -
Changing 'sold out' to 'coming soon' for particular items
SSong replied to Moana's topic in Customize with code
Thank you! But how do I target just 1 or 2 products? @tuanphan -
Changing 'sold out' to 'coming soon' for particular items
SSong replied to Moana's topic in Customize with code
Yes, plus the sold out labels in the related product section as well, which I almost figured out. The only thing I managed to figure out is replacing the "sold out" text in the product description. I'm having a hard time finding exactly how to target a specific product thumbnail on the shop page. I know "Coming Soon" is not gonna fit in that same circle, so the background could just be a rectangle in a different color so it's more obvious. Thank you Tuan!! -
Changing 'sold out' to 'coming soon' for particular items
SSong replied to Moana's topic in Customize with code
How do I change the label of a single product's thumbnail on my shop page? I'd like to change the Veggie CSA's thumbnail to say coming soon, but I don't want to create a different category for it. -
So this is what I see on my phone. The two button are in the same row instead of stacked, but I'm actually ok with that. I don't want the row reverse on mobile anymore, it's better if the continue shopping button is on the left on mobile, but something is weird with the padding of the checkout button, and there's also no margin in between for some reason. Would also love bigger margin at the top of the whole thing. Thank you!!
-
css Change Page Banner height in Mobile View - smaller
SSong replied to Creativore's topic in Customize with code
THANK YOU!!!- 19 replies
-
- mobile
- responsive-design
-
(and 1 more)
Tagged with:
-
Not sure what I did wrong but the button reversal is not working at all.
-
css Change Page Banner height in Mobile View - smaller
SSong replied to Creativore's topic in Customize with code
just on mobile, thank you!- 19 replies
-
- mobile
- responsive-design
-
(and 1 more)
Tagged with:
-
It worked, but I still want the button to be stacked on mobile, which currently, they are not (see pic). Now that I look at it, I would like to replace the Continue Shopping button into just a linked text on mobile with an added arrow, beneath the Check Out button. Thank you thank you!
-
css Change Page Banner height in Mobile View - smaller
SSong replied to Creativore's topic in Customize with code
Could anyone help me to make the top banner of my home page taller with custom css? Thank you!- 19 replies
-
- mobile
- responsive-design
-
(and 1 more)
Tagged with: