How to change the header colors in Squarespace 7.1

Подписаться 1,7 тыс.

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

50% 1

Following recent feature updates for the Squarespace 7.1 header it has become confusing as to where to change colors for the header button or the announcement bar. In this video I explain the various settings and where exactly to make those color changes.
===
I'm Kerstin Martin, Squarespace Educator, late bloomer entrepreneur and creator of the Eule Planner®. My courses help entrepreneurs build successful, well organized businesses with Squarespace. Find out more at www.kerstinmartin.com
Visit my blog for more Squarespace and business tips & tricks, as well as awesome interviews with Squarespace designers and seasoned online entrepreneurs. - kerstinmartin.com/blog
Try Squarespace! Save 20% on your first year with code KERSTIN: kerstinmartin.link/squarespace
Subscribe to Studio Notes, my newsletter for candid conversations about growing a calm business with heart + integrity in a hustle-driven world. - kerstinmartin.com/subscribe
Let’s connect on Instagram - / kerstinmartin

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

23 мар 2022

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@pinoygauta Год назад

VINDICATION! Thank you so much, I thought I was going crazy for not finding this aspect of the editor intuitive.

@aidenanderson958 8 месяцев назад

Thank you, I watched 12 different videos just for it to be this simple.

@mooseg12 7 месяцев назад

Was really struggling to figure this one out so helped immensely, thanks! love that accent

@Finewoodworkingofsc 2 года назад

I went with Squarespace because it was supposed to be user friendly, and does not require learning code to design your website. While I'm still trying to get my site up and running, this video proves there are areas which need to be improved on the back end to remove the confusion and make the process of setting up your site more simplified. At this point I'm not sure I made the best decision going with Squarespace.

@KerstinMartin 2 года назад

Please don't feel bad about your decision, overall Squarespace is still is one of the most user-friendly and intuitive website builders out there! Like every system there is a learning curve and that's why I publish these videos so that users can learn those things that are not immediately obvious. This particularly issue has not been implemented in the best way and I think Squarespace will still address and improve this 😊

@user-gz3nq3wm5v 9 месяцев назад

Ohhhh so very helpful! Tricky how to changed the button color in the header! I messed with it for 2 hours and messaged squarespace forum, but I was stuck until I found you. Thank you so much!

@KerstinMartin 9 месяцев назад

Yay, so glad it helped! And just a head's up: Squarespace are beta testing a different header editing experience, it's so much better! So that's coming soon :)

@PristineAgency 10 месяцев назад

Already at minute 1 you gave us exactly what I needed. Thanks :)

@culabulaart Год назад

wow this is the first video I have seen that I can finally make sense of! Thank you for being so clear X

@emilydesignpowers 2 года назад

The menu overlay color options are for the menu on mobile. Edit Site Header > Mobile Preview > Overlay Menu > Colors (talk about buried settings!). click click click found it.

@KerstinMartin 2 года назад

OMG! I kept scratching my head because I couldn't figure out what it was for! Sounds like a simple rename is in order: "Mobile Menu Overlay" 🙄 Thank you for clarifying this! 😍

@LA-Creative 10 месяцев назад

@@KerstinMartin What's crazy is, the menu overlay has stopped working for me in dynamic syle. Is it still working for you?

@KerstinMartin 10 месяцев назад

@@LA-Creative Still working on my demo site. But Squarespace ARE working on making improvements to the header, I think we'll soon be able to beta test it in the Circle and I think it will be a lot better!

@dr.sdinawang-kraus9048 2 года назад

Thank you so much for your tutorial! So helpful!

@obliviondesign4062 2 года назад

This really helped my site build it was driving me nuts...thank you!!!

@angelademello6067 Год назад

Thanks for your tutorial. It was very helpful.

@scottfrancis4614 2 года назад

Life saver thank you!!

@slymar66 Год назад

Many thanks, you saved my day!

@LA-Creative 10 месяцев назад

It's so wild that this problem still persists! Why haven't they fixed it? I'm hoping Squarespace fixes the header Dynamic option to work with the Colors / Color Themes (to fix what you demontrated is clearly broken). There are tricky/frustrating workarounds in the GUI (kind of hard to explain without a video ) but, in the end, I found it much easier to select the Dynamic style and then add custom CSS code to the Advanced (code) section for the pages that I want a solid header.

@KerstinMartin 10 месяцев назад

Yes, if you want different header styles on different pages, that can get tricky. But they are working on improving how the header works, so I am hopeful that this will get better!

@Ishtarthemoon Год назад

when i click dynamic nothing changes. the header remains the same. is mine broken? i can't seem to change the colours either. is anyone else having this issue?

@KerstinMartin Год назад

With dynamic the header should become transparent and if you have it set to scroll back the background color is determined by the color theme of the first section. If yours does not work this way I would reach out to Squarespace support.