Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Changing Text Colors in 7.1


Recommended Posts

Hello! Please help if you know advance 7.1 styling or coding!

I'm trying to customize my site's font colors in 7.1 .  I've gone through the Site Styles and changed the color palette in the general Advanced section, and changed specific items in the Customize section of specific "sets". Also tried deselecting the current theme in sections to have it take on the global style. But no matter what I do, I can't change all the font colors on my site.

Specifically, the client wants all her titles and image overlay captions and most text to be Blue. Can anybody help out with this? Do I need to use code?

Just a note Squaspace, this is a SUPER important aspect of being able to customize a site, and I wish there were an easier way to do this. I get lost in all the options that are laid out in different parts of the editor. Think others are having this same problem as well!

This text should be blue.JPG

Link to comment

For the community to help, it’s important for us to see your site by visiting it. Please provide a working link to the relevant pages and tell us exactly which items you want to change. If your site is in trial and not publicly viewable, please check the visibility settings. 

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment

If you want all h1 titles to be blue, you could add this to Custom CSS, then just change out the hex code to the correct color blue.

h1 {
    color: #3c5dae !important;
}

Then target any other headings you want to be blue as well.

Edited by christyprice
Link to comment
  • 5 months later...

You can change the colors within each Color theme if you go to Design > Colors, then click the pencil icon beside any theme. You can see the advanced color options and select any color you’d like for each heading size. I’d recommend this as it doesn’t require custom code, unless you want a quick fix for all like the OP. 
 

Here’s a rundown of colors in 7.1: 

 

Edited by christyprice
Link to comment
  • 2 months later...
On 6/29/2020 at 10:02 PM, ThomasPrudhomme said:

Hello, 

 

here is my website-> http://www.thomasprudhomme.com 

 

in my case i can't change the "BOOK ONE" and "FACETIME LOOKDOWN" in any colors in fact. I want to keep the titles at the top black, but not on the preview image you can see at the home page. 

 

thank you for your help, 

Add to Home > Design > Custom CSS

.grid-item h3.portfolio-title {
    color: red;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 6 months later...

I need to change font color to black on a specific section of my homepage. I created an index page with a grey background but it automatically changed to white. I want to achieve the same style as my other sections918947177_ScreenShot2021-01-15at9_50_06AM.thumb.png.ceec927f158f422645f227030e72932a.png

Screen Shot 2021-01-15 at 9.51.44 AM.png

Link to comment
9 hours ago, jlama said:

I need to change font color to black on a specific section of my homepage. I created an index page with a grey background but it automatically changed to white. I want to achieve the same style as my other sections918947177_ScreenShot2021-01-15at9_50_06AM.thumb.png.ceec927f158f422645f227030e72932a.png

Screen Shot 2021-01-15 at 9.51.44 AM.png

Can you share link? We can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 weeks later...

Hey there, 

I want a monochromatic color scheme on my site (https://www.tribeandsol.com) and all the font to be one color. I have edited themes individually and various other things.

Can someone please help me I've been up all night!

 

My mega menu (the drop down) won't change the color and a few areas of my homepage. Below all the text should be brown not black and white. 

1700690825_ScreenShot2021-01-30at9_49_04AM.thumb.png.2a9f61665d84967e97aa76aa0b890831.png

This is a banner with scrolling text it should be cream and the text should be brown instead when you hover its brown and you can't see it otherwise. 

754634534_ScreenShot2021-01-30at9_49_12AM.thumb.png.d8f1cdbd63c1ae8c70e27063dc45e47f.png

 

Here is an example of monochromatic that I want my site to look like https://www.indiaearl.com 

 

1875512766_ScreenShot2021-01-30at9_54_31AM.thumb.png.fdbb244ac18417d8a23f3d11205327a0.png

Thank you in advance!

 

 

Link to comment
11 hours ago, Ndi said:

Hey there, 

I want a monochromatic color scheme on my site (https://www.tribeandsol.com) and all the font to be one color. I have edited themes individually and various other things.

Can someone please help me I've been up all night!

 

My mega menu (the drop down) won't change the color and a few areas of my homepage. Below all the text should be brown not black and white. 

1700690825_ScreenShot2021-01-30at9_49_04AM.thumb.png.2a9f61665d84967e97aa76aa0b890831.png

This is a banner with scrolling text it should be cream and the text should be brown instead when you hover its brown and you can't see it otherwise. 

754634534_ScreenShot2021-01-30at9_49_12AM.thumb.png.d8f1cdbd63c1ae8c70e27063dc45e47f.png

 

Here is an example of monochromatic that I want my site to look like https://www.indiaearl.com 

 

1875512766_ScreenShot2021-01-30at9_54_31AM.thumb.png.fdbb244ac18417d8a23f3d11205327a0.png

Thank you in advance!

 

 

Add to Design > Custom CSS

div.mega-menu-item *, .mega-menu-item :not(.image-button a) a {
    color: brown !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Thank you so much it worked! do you have any idea how I can change the background of the mega menu? 

 

Also I can't update my site I have tried for several hours. I can add some things but can't remove or edit other things. Changes not taking updating when I save them. 

I'm using 7.1 and Safari as the browser. I've cleared history, cache, restarted etc. 

 

If I create a new site I can edit that just fine. When I try to edit my existing site. Nothing happens.

Link to comment
On 1/31/2021 at 1:33 PM, Ndi said:

Thank you so much it worked! do you have any idea how I can change the background of the mega menu? 

 

Also I can't update my site I have tried for several hours. I can add some things but can't remove or edit other things. Changes not taking updating when I save them. 

I'm using 7.1 and Safari as the browser. I've cleared history, cache, restarted etc. 

 

If I create a new site I can edit that just fine. When I try to edit my existing site. Nothing happens.

Try remove mega menu code & check again

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...