Jump to content

SSong

Member
  • Posts

    53
  • Joined

  • Last visited

Everything posted by SSong

  1. 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!
  2. 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
  3. Here's the link, password is 12345. If you see it in mobile view, you'll see the cutoff I'm talking about
  4. 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!
  5. 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!
  6. 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!
  7. @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! 🙏 🙏
  8. Ahh sorry, I added it within the code block.
  9. 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.
  10. 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>
  11. 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!!
  12. 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!
  13. 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>
  14. @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!!
  15. 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!
  16. Thank you! But how do I target just 1 or 2 products? @tuanphan
  17. 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!!
  18. 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.
  19. 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!!
  20. Not sure what I did wrong but the button reversal is not working at all.
  21. 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!
  22. Could anyone help me to make the top banner of my home page taller with custom css? Thank you!
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.