Nicely done. I have been spending some time learning about button styling in Elementor and thinking..."why can't we do this in Squarespace?...turns out we totally can! Very cool. Thanks for this.
Forgive me, but I am new to this ... your videos are stellar. Yet, it would be helpful for some of us if you spoke about 20% slower. Having to watch, listen, absorb info, take a note or two makes my workspace dangerous. Spilled my coffee twice. I'll give you a 94.2% score for this one!!
Hi there! RUclips has a feature that allows viewers to adjust the speed of videos. You can find that feature by accessing the sprocket at the bottom of your screen and selecting the speed you'd prefer. Hope that helps!
Hi, This was a great styling video. Question I was actually looking for was....Why would someone decide to use the Primary or Secondary or Tertiary Button?? What's the difference?? I have been looking everywhere to find the answer to this!! Thank you!!
Hey Jonathan! It totally depends on the way you design your website. Some minimal sites might stick to two button styles, while some people code even more! Check out this article for some more insight: uxdesign.cc/ui-cheat-sheets-buttons-7329ed9d6112?gi=e85c2da7f118
This button change was a big one and I'd be happy to help! Send me a code help request with specifics and I'll see what we can do: insidethesquare.co/code-help
This button change was a big one and I'd be happy to help! Send me a code help request with specifics and I'll see what we can do: insidethesquare.co/code-help
Thanks for your videos! Could you help me with something, I can't find the way to customize the header button to change its font and hover. How can I fix it?
Thanks Becca, always look forward to "Tuesday's Tutorials" and this is a good one. However, is there anything out there that lets me change the background of a button ie: photo/illustration that would give it some texture and be congruent with other graphic content on the site. Thanks and cheers!
Hi Allan! Thanks for the feedback! I actually have several button tutorials I think could help and recommend you start there: insidethesquare.co/buttons
Yip came back to an old site to see button styling had changed tertiary button out of the blue and no longer aligning with the Site Styles settings.. very strange.. It keeps defaulting to a Square shape when the button styling is set to Round
Yup! Squarespace has lots of changes coming down the pipeline and designers are going to have stay on their toes a little while longer. If you get stuck, feel free to submit a code help request with more info here: insidethesquare.co/code-help
Do you happen to know how to create custom edits to Primary, Secondary vs. Tertiary buttons with this new update? currently, I am using your code: .sqs-block-button-element: but have tried: .sqs-block-button-element--secondary: To no avail. Any tips? Thank you so much! I have learned a tremendous amount from your page :)
Yes! They might have new names in the interface, but they have the same names in code (phew!! 😅) Check out this community post with more details: ruclips.net/channel/UCEkf-3P7jqu3ptvntjM3-5gcommunity?lb=UgkxbVY9-yxbUSEI_akbLr9U1IxQX3UgOieX
Hi there, I literally just upgraded a site from 7.0 to 7.1 and then the June 2022 update came out. Do you happen to know if all 7.1 sites will be updated with the new stuff? I just found out it's different by trying to transfer another one over and it has the new section editing.
Hi Kyndall! I wish I could help but I’m not allowed to speak about it publicly yet. The best I can do is send you to the main support article (insidethesquare.co/fluid) and promise I have some awesome tutorials about this new editor ready to be shared as soon as they let me! 💕
![ROSÉ (로제) - number one girl [더 시즌즈-이영지의 레인보우] | KBS 241129 방송](http://i.ytimg.com/vi/A9oByH9Ci24/mqdefault.jpg)
I love how you provide priceless information when I need it! Thank you!
You are so welcome :) Your comment just made my day - thank you so much for letting me know!
THANK YOU for always keeping us informed of changes on Squarespace, Becca! You save me from so many headaches - lol
Thanks so much Holly! :)
Nicely done. I have been spending some time learning about button styling in Elementor and thinking..."why can't we do this in Squarespace?...turns out we totally can! Very cool. Thanks for this.
You are so welcome! 🤩 Your comment just made my day - thank you so much for letting me know!
Forgive me, but I am new to this ... your videos are stellar. Yet, it would be helpful for some of us if you spoke about 20% slower. Having to watch, listen, absorb info, take a note or two makes my workspace dangerous. Spilled my coffee twice. I'll give you a 94.2% score for this one!!
Hi there! RUclips has a feature that allows viewers to adjust the speed of videos. You can find that feature by accessing the sprocket at the bottom of your screen and selecting the speed you'd prefer. Hope that helps!
Hi, This was a great styling video. Question I was actually looking for was....Why would someone decide to use the Primary or Secondary or Tertiary Button?? What's the difference?? I have been looking everywhere to find the answer to this!! Thank you!!
Hey Jonathan! It totally depends on the way you design your website. Some minimal sites might stick to two button styles, while some people code even more! Check out this article for some more insight: uxdesign.cc/ui-cheat-sheets-buttons-7329ed9d6112?gi=e85c2da7f118
Explained like a pro 😎 loving the leaf shape !!
Your comment just made my day - thank you so much for letting me know! ☺
This is amazing thank you! how do we change the colour of the outline for these?
This button change was a big one and I'd be happy to help! Send me a code help request with specifics and I'll see what we can do: insidethesquare.co/code-help
Great stuff Becca, wondering how to change the font of contact button in header? It seems not controlled by primary, sec and tertiary. - Cheers!
This button change was a big one and I'd be happy to help! Send me a code help request with specifics and I'll see what we can do: insidethesquare.co/code-help
Thanks for your videos! Could you help me with something, I can't find the way to customize the header button to change its font and hover. How can I fix it?
Hey Jesus! Check out this tutorial: ruclips.net/video/dMHUh7OsiCE/видео.html
Thanks Becca, always look forward to "Tuesday's Tutorials" and this is a good one. However, is there anything out there that lets me change the background of a button ie: photo/illustration that would give it some texture and be congruent with other graphic content on the site. Thanks and cheers!
Hi Allan! Thanks for the feedback! I actually have several button tutorials I think could help and recommend you start there: insidethesquare.co/buttons
Yip came back to an old site to see button styling had changed tertiary button out of the blue and no longer aligning with the Site Styles settings.. very strange.. It keeps defaulting to a Square shape when the button styling is set to Round
Yup! Squarespace has lots of changes coming down the pipeline and designers are going to have stay on their toes a little while longer. If you get stuck, feel free to submit a code help request with more info here: insidethesquare.co/code-help
Do you happen to know how to create custom edits to Primary, Secondary vs. Tertiary buttons with this new update? currently, I am using your code:
.sqs-block-button-element:
but have tried:
.sqs-block-button-element--secondary:
To no avail. Any tips?
Thank you so much! I have learned a tremendous amount from your page :)
Yes! They might have new names in the interface, but they have the same names in code (phew!! 😅) Check out this community post with more details: ruclips.net/channel/UCEkf-3P7jqu3ptvntjM3-5gcommunity?lb=UgkxbVY9-yxbUSEI_akbLr9U1IxQX3UgOieX
Hoping you can help! How can I custom CSS a tertiary button to change its font size only on mobile?
Great question and yes - totally possible! Check out this tutorial for more info: insidethesquare.co/squarespace-tutorials/equal-width-buttons
Thanks Becca! Yep, very strange change indeed ..IMO 🤔 But some cool new options!
Squarespace is always throwing us for a loop, right? But it's awesome that they keep trying to improve what they can provide.
Hi there, I literally just upgraded a site from 7.0 to 7.1 and then the June 2022 update came out. Do you happen to know if all 7.1 sites will be updated with the new stuff? I just found out it's different by trying to transfer another one over and it has the new section editing.
Hi Kyndall! I wish I could help but I’m not allowed to speak about it publicly yet. The best I can do is send you to the main support article (insidethesquare.co/fluid) and promise I have some awesome tutorials about this new editor ready to be shared as soon as they let me! 💕
What type of button is the 'add to cart', as mine no longer changes colour etc :(
That doesn’t sound right! I would love to help - send me more info at insidethesquare.co/code-help and I’ll hop into your source code and take a look.