Jump to content

How to define the default Color Theme Color in 7.1.?

Recommended Posts

  • 4 weeks later...
  • 4 weeks later...
Posted

@ArminB, I've figured out a way to do this!

Open up the Squarespace app and click on 'Edit' in the top right corner, then click the paintbrush icon. Click on 'Colours', then 'Site Theme'. From here you can set the default theme for the site.

Crazy that this workaround is needed. Here's to hoping that Squarespace add this back in again soon.

  • 4 weeks later...
Posted
On 7/17/2021 at 7:04 AM, laura_c said:

@ArminB, I've figured out a way to do this!

Open up the Squarespace app and click on 'Edit' in the top right corner, then click the paintbrush icon. Click on 'Colours', then 'Site Theme'. From here you can set the default theme for the site.

Crazy that this workaround is needed. Here's to hoping that Squarespace add this back in again soon.

I don't have a "site theme" option.  anyone else have this problem?

Posted
On 7/27/2021 at 2:48 AM, hardipandiua said:

Using the Color Palette as a base, the system adds black and white to the mix, then generates a set of 10 Color Themes that can be assigned to any section you create.

These themes cover a range of shades from light to dark, each with a Minimal and Bold version. One of the themes will be marked as Default.

This theme will be automatically applied to each section you create while building your site.

The Default Theme is selected in this view (Design → Colors), and is outlined to indicate its status. To change the Default, just click on your preferred Theme. Customize any Theme (after dialing in your Color Palette first) by clicking the pencil icon for each Theme (shown while you hover your mouse).

You can really tweak those colors to exactly what you want … each Theme contains colors for all major section elements like backgrounds, headings, text, and buttons. 

Visit my blog Thanks!

My Design>Colors does not indicate any "default" theme. When I click a theme, it just enters the window to customize (regardless if I click the pencil or not). Did Squarespace change this?  Or am I missing something?

Screen Shot 2021-08-12 at 2.41.15 PM.png

Screen Shot 2021-08-12 at 2.41.27 PM.png

  • 7 months later...
Posted

It's insane that you need the mobile app to set this. It used to be available on the desktop. Every site I generate seems to select a random default color theme with no way to change it on desktop. Is there a fix in the works for this @Squarespace?

  • 3 weeks later...
  • 1 year later...
Posted

I can't edit my site theme. I can't find it anywhere to edit the default theme. For some reason, it is black text on a black background for my paywall, 404 page, etc. Any advice?

  • 1 month later...
  • 1 month later...
Posted

The site theme

On 4/11/2024 at 5:28 PM, Beca said:

I can't edit my site theme. I can't find it anywhere to edit the default theme. For some reason, it is black text on a black background for my paywall, 404 page, etc. Any advice?

Did you end up getting this fixed? 

When you say you can't edit you site theme, do you mean the default or ANY of the color themes? 

You can edit your paywall (checkout) under:
Pages → System Pages → Checkout 

 image.thumb.png.386e4f7f33376cf927abb50a67854882.png

 

 

Posted
On 6/2/2024 at 3:05 PM, Polivantage said:

i can't do this via the app either. there is no setting for it, is there some code i can use? please help.

OPTION 1:

The only way to change the default completely (right now) is to meticulously edit the elements in the theme that is set as your default - usually its Lightest 1. You can double check that by adding a blank section to a page and seeing which theme auto fills. 

 

OPTION 2:

If you just want to change the default background color, the code is below. This will automatically change the color of the "gaps", the 404 background, the cart background and any other system pages that use the default. It will not change the default Color Theme in anyway. All properties on those pages will still follow the default theme (again the best way is to edit every property in that specific color theme to match what your ideal results. 

 

.site-wrapper {
    background-color: #ECECEC !important;
}

 

Note: If you change the site wrapper background from a lighter color to a darker color or darker to a lighter color, the font and other elements will likely be illegible. If this is what you want to do, then OPTION 1 is your best option.

  • 1 month later...
Posted (edited)

So, I've been struggling with this Default Site Color Theme thing on 7.1

Maybe it's an old issue and I'm late to the party, but I finally figured out that my site was using the color theme "Light 2" as the default.  

This was causing color issues with "gaps" in the layout (like below the footer of the site), loading lags, 404 page, and Product Detail Lightboxes.

I don't remember setting that theme as the default for the page, and I don't know how to pick a different default theme for the page, but I can at least correct the color issues by picking the colors in that theme.

*EDIT: Oh, and just rereading HerMessyBun's previous post, I see that they figured that out as well, but I didn't understand what they were saying until now. 

Edited by Jeffpdoes
more info

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.