How to Edit your BUTTON DESIGN in Squarespace 7.1

Big Cat Creative - Squarespace Tips & Templates

Подписаться 10 тыс.

Просмотров 9 тыс.

50% 1

⚡️ FREE TRAINING⚡️ DIY Your Dream Site: 5 key steps to a stress free + beautiful website - Join instantly here: bigcatcreative.com/free-train...
Squarespace has recently updated the customization capabilities of their buttons and rather than needing to add in custom code, you can now just tweak a few settings directly in the platform. So today, we're teaching you exactly how to edit and customize your button designs in Squarespace 7.1 to take your site to the next level!
TIMESTAMPS:
0:00 Intro
0:11 Change the Button Type
1:52 Change Button Styles
6:05 Change Button Colors
9:31 Apply Colors to Sections
10:22 FIT and FILL Buttons Explained
MENTIONED IN THE VIDEO:
👉🏼 Read the written post on this topic: www.bigcatcreative.com/blog/squarespace-button-design
👉🏼 Squarespace: squarespace.syuh.net/bigcatcr... *
💰 SQUARESPACE DISCOUNT CODE: Use code BIGCATCREATIVE10 for 10% off your first year of Squarespace! Sign up here squarespace.syuh.net/bigcatcr... *
📣 Want Squarespace Tips straight to your inbox every week? Sign up here: view.flodesk.com/pages/612971...
💻 Ready to up your Squarespace Website Design? Check out our Squarespace Template Kits: bigcatcreative.com/templates-yt
MORE GOODIES:
👉🏼 Visit our blog full of Squarespace Tips & Tricks: bigcatcreative.com/blog
👉🏼 Follow us on Instagram: / bigcatcreative
*This is an affiliate link. I may earn a commission if you sign up using this link, at no cost to you, of course :) I only promote things that I love and recommend.

Опубликовано:

7 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 16

@samoneshepherdson2474 Год назад

Your videos are so helpful! Thank you

@MandiPratt_GreyboyPetPrints Год назад

Thank you! So helplful!

@COSMICAMISSION Год назад

great tutorial thankyou!

@jiii6099 2 месяца назад

hello lovely, can we change the "Purchase/add to cart" button color? since its something automatically created vs us creating it? many thanks, just found you but already learning a lot.

@BigCatCreative 2 месяца назад

Yes I believe so, in the Site Style settings under Assign Styles. If there's no color option for that button specifically, it's likely pulling from the Primary Button color. If you want to change it independently you could use CSS :)

@alexiderstine1410 Год назад

Hey there, thanks so much for the video! I've learned a lot from your content. Question for you... I am using the Unna font included in SS. When I go into the Style and Weight settings for my BUTTON fonts there is only one option for each. Normal and 400. Do you know of any work arounds here? I can make my text bold in a text box but not buttons. Any suggestions would be greatly appreciated.

@BigCatCreative Год назад

Hey Alexi! It sounds like the font you have chosen doesn't have any other weight or style options (do you get the same options when you edit in the Paragraph or Headings area? Just check this to confirm that it's the font and it's not your button editor having an issue!). If that's the case, you might be able to add some CSS to create a 'bold' effect on your button text. To save you any more issues down the line, I would maybe try to choose a similar font that has different weights and different styles, as long term it will be better to have the options and it will save you having to code these things in... But if you don't want to change it, we could do this CSS for you via our extra support service bigcatcreative.com/support :)

@lillian3987 Год назад

Thanks for tech support!! One cuestión. How can i add a button upload i need for my clients upload their own pictures. Thanks 😊

@BigCatCreative Год назад

You can't have visitors upload files to your Squarespace site directly. You'll need to use a third party tool for this (try googling) and maybe you'll be able to embed it into your Squarespace site

@yesenia3564 2 месяца назад

How can I add an icon in the button or make the button an arrow instead?

@BigCatCreative 2 месяца назад

You'd have to do this with custom CSS (unless you use paste an arrow icon is as text →)

@user-ps6ym6rh6c Год назад

I don't have the option to add letter spacing to buttons. I can only change Family, Weight, Style (normal or italic) and size

@BigCatCreative Год назад

Did you look in the Site Styles > Fonts > Buttons area AND the Sites Styles > Buttons area? There's two different places to edit the button fonts right now, and letter spacing may have moved since this video

@mariaangelica720 Год назад

My button keeps coming up fully transparent with out a border or completely filled in, any suggestions?

@BigCatCreative Год назад

What settings do you have selected? Is your color set to transparent? As in, if you click into the color, the transparency slider might be dragged to fully transparent