laterrarossa

Love the hover color change. Have a good night. If I figure anything out I shall let ya know.

My mom was so sad when they came back to Arizona. She had Human Bean withdrawals lol. I'm pretty sure it's not my kind either. I'm a pour over, french press, espresso gal. Occasionally I'll get a Starbucks type coffee but daily it's black coffee of some sort. Just discovered siphon coffee.

@sayreambrosio Thank you so much. Forums, videos, articles, and podcasts have all been helpful in building my website for sure. 
 
Yes, we are in Oregon and there are many Human Bean locations around. They are not really my style of coffee, but I am happy to have them around and they are well liked by many without a doubt.

I'm super impressed with what you have so far. I'm working through all the code videos I can find on YouTube to learn how to enhance sites. You have gotten way farther than I would have. 😄 ❤️
I see that you're in Oregon. Have you been to the Human Bean?

@sayreambrosio Thank you. These are all good tips. Originally the first draft did not auto-advance, but I was worried that people would forget to hit start again. Perhaps I will add a buffer between each step. I am still trying to get it to work, but the time is also supposed to blink when it gets to the final 10 seconds of each step to indicate to be ready. I like the different button colour idea, and will play around with that later this week, as my brain is fried currently trying to get this to even function. 

Looks good. I would add that the timer auto pauses and resets between each step. I went through it a couple times and if you're not paying attention the time starts and finishes quickly. (I'm not sure what code would be needed to make this happen as I'm still learning myself). @paul2009 Do you know?
I would also add some variation to the buttons color. Like gets lighter or darker when hovered over and maybe darker when clicked.

You're welcome and thank you for your apps. They have been a huge help! 

This might be helpful. https://insidethesquare.co/squarespace-tutorials/elfsight-countdown-timer-for-squarespace

Writing code for this would very straightforward. The questions will be around how to display this to users, and the steps/timings required for each brewing guide. Do you have a mock-up/design?

Hello @laterrarossa👋

Thanks a million for sharing your experience using Elfsight apps❤️

If any question come up, please do not hesitate to contact us. We'll be more than happy to help!
Regards,

Elfsight Team
Explore all Elfsight widgets — Widget Catalog
Communicate and learn — Elfsight Community Forum


 

@sayreambrosio You're so welcome and thank you! I will be adding a new decaf this week and a new Rwandan coffee next month : )

Thank you 🙂 I'll have to check it out. Love the site by the way. Coffee Addict/Snob here.

@sayreambrosio I am using a WhatsApp Business chat plug-in from Elfsight Apps. I then customized the colours to match my brand as well as added custom wording and my memoji from Apple.
 
https://apps.elfsight.com/panel/applications/whatsapp-chat/

Can I ask what chat service you are using? The branding on it is great!

@Ziggy Thank you so much! That worked perfectly. I made some UI tweaks and will probably keep working on it, as I would love to add minutes and stages, with instructions to the timers, but this made it look so much better, so thank you again. I really do appreciate it.

Can you share the web page URL?

Try adding this to your code and adjust the colors and add any of changes to the design:
<style> input[type="button" i] { background-color:none !important; border-color:#c86748 !important; } </style>  

@creedon Thank you so much! This is working great for the example page I had sent, but not yet for the other, though I added the same code to the code injection for each individual page. Forgive me for my lack of knowledge, but I am guessing that the fe-block part of the code is pointing to that elements position on that specific page? I may be far off. If so, I am guessing I can pull the position for each page by inspecting the element within the developer tools in my browser to adjust the code on per-page basis?

@creedon I was able to pull the other 3 indentifiers by inspecting the element for each page and that worked perfectly! Thank so much for you assistance!

This doesn't stick in position but sticks near the top of the page as you scroll. The effect also only works at desktop breakpoint and above.
Add the following to Page Settings > Advanced > Page Header Code Injection for the page. Please see per-page code injection.
<style>   @media screen and ( min-width : 768px ) {        .fe-block-62f96d53dec28cbe8cd1abd1 {            position : sticky;       top : 200px;              }            }        </style> Let us know how it goes.

I entirely agree!
Subscription products have been available on Squarespace since 2018, yet it still isn't possible to show a list of subscribers! This feature is desperately needed by store owners who have subscription products. 
Right now, you cannot get a list of active subscribers!
You can only check whether a customer has an active subscription by drilling into each customer's details individually, as follows:
Click Profiles > Customers. Click the customer that you want to check. Click Customer details. Click the Recurring tab. You'll then be able to see their subscription details.  I have already requested this feature, as I think it is long overdue.
To add to the requests for this feature, please open a support ticket with Customer Care as this is how Squarespace collate feature requests.
 

Thank you, @creedon! I really appreciate you looking into this. It sounds like it might cause me more grief in terms of complexity than it is worth right now, but we'll see if my perfectionism gets to me and I give in! Thank you again!

Folks. I tackled changing the title of the login successfully. So I imagine that it may be possible to make further customizations.
The code has some downsides. It depends on SS dynamic classes which can change at anytime. So you need to add a routine check of your site to see when things break and fix.
It does require JavaScript to work. The JavaScript can work because the login dialog is added via an iframe on the same domain as your site. So it is possible to cross the document boundary with JavaScript.

I can't say for sure what you want to accomplish can be done but if you are interested I might be able to modify the code to add the ability to include some custom CSS.
Let me know if you are interested.

@tuanphan I am not sure why this method did not work the first several times I tried it, but it is finally working, so thank you!

Site URL: https://www.laterrarossa.com
<div class="scroll-down"></div> <style> .scroll-down { position: absolute; left: 50%; bottom: 10px; display: block; text-align: center; font-size: 20px; z-index: 100; text-decoration: none; text-shadow: 0; width: 13px; height: 13px; border-bottom: 2px solid white; border-right: 2px solid white; z-index: 9; left: 50%; -webkit-transform: translate(-50%, 0%) rotate(45deg); -moz-transform: translate(-50%, 0%) rotate(45deg); transform: translate(-50%, 0%) rotate(45deg); -webkit-animation: fade_move_down 4s ease-in-out infinite; -moz-animation: fade_move_down 4s ease-in-out infinite; animation: fade_move_down 4s ease-in-out infinite; } /*animated scroll arrow animation*/ @-webkit-keyframes fade_move_down { 0% { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; } } @-moz-keyframes fade_move_down { 0% { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; } } @keyframes fade_move_down { 0% { transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { transform:translate(0,10px) rotate(45deg); opacity: 0; } } </style> Numerous visitors have had issues realizing there is content on the lower half of the page they need to scroll to. I love the scroll indicator, but I would love to make thise jump to the next section within each page, but am not sure where to start.