Search the Community

Site URL: http://www.agentsie.com Hi! Might anyone have insight as to how I can change the last item on my main navigation to RED while leaving everything else as is? (@tuanphan?) - Om Template- www.agentsie.com

Site URL: http://shannonewing.com Does anyone know how to change the default color theme in 7.1? Somehow the default went from White Minimal to Black Minimal and it's affecting the way pages are loading.

Hi, I'm trying to change the color of a link, only on hover and when it's active. It currently works properly in my Nav, but I'd like everywhere else, specifically in body text and h2 (for example in the footer and the About page). Links should be black until you hover or they're active, when they should be #FFD801. I'm using the York template and my site is https://www.sarahrabinovich.com/. Thanks!

Site URL: https://littleboxestrial.squarespace.com/ Hi, So I know the Header Color = the first section color, but is there a way to make the header color a different color than the first section? I know you can change it in the page design settings, but if I choose a color for the header there, it's site-wide. I'm hoping for a fix where I can change header background color on only specific pages. The way you used to be able to do this was toggling "default color" off in 7.1, but it seems Squarespace got rid of that feature, which is upsetting! Thanks for any help.

Hey, I'm building my site in 7.1 (mainly to get to grips with using it) and I've come across one problem I can't seem to fix. The dropdown navigation has white text & a white background(image attached) My header colour palette is yellow, whereas the main website has a white background, I'm wondering if this is part of the problem. It'd be greatly appreciated if anyone can find any workaround for me. Site is here: https://hexaflexagon-star-bh8p.squarespace.comPasword: 123123

Site URL: https://www.somethingmajorcoaching.com/ Hello! I have a problem I cannot figure out with Heading color. When I make a slight edit, the Header colors default to black every once in awhile. All headings are set to blue. When I looked at the site today, the headings were black (and I confirmed in incognito and on another device). I logged in, went to the pages w/ the wrong color, and in the backend environment they were the correct color. When I went to preview the page, they were blue again without my intervention. There is no Custom CSS on the site and all headings are blue. Why are the headings changing color (defaulting to black)? Can anyone advise? Thanks so much.

Site URL: https://sealion-lobster-4z5c.squarespace.com/ Could someone help me make the mobile navigation menu background the same color as the rest of the website pw is designlab

Site URL: https://www.bluestonemanagement.com/ Hello! I am trying to create a hover effect over the first six images (Project Management, Quantity Surveying, etc.)so that when hovered over, they go from greyscale to colored. I'm having trouble finding/selecting the correct class (because nothing is happening when I do anything to the classes I find). What is the custom CSS needed to achieve this goal?

Site URL: http://eternalcancun.com I can't find a way to change the color of the navigation text ONLY on my homepage I need to change it to white. Please Help! Thank you! My site is: www.eternalcancun.com

Site URL: https://www.faydenko.com/ Hello everyone! I'd really like to change the background color of just my header, across the entire width of my website. I'm using the Avenue template and the built-in margins are making this difficult, as I can't get the background color to stretch across the entire width of the site. You can find my website here: https://www.faydenko.com/ Thanks a million!

Hi, I have desperately been trying to change the background color of the navigation bar of my website... It should look like this: https://www.couldihavethat.com/ The logo should be in the top left corner with no background color. Thanks everyone for your help

Site URL: https://anthology.co.nz/shop/nix-dress Hi, I am trying to change the colors of the dropdown menu that comes up on my product pages. Currently they are grey with a green hover..... doesn't fit with my theme at all. I have read post where I can put in CSS and I tried it but nothing changed. Any thoughts are welcome. thank you PS I have a test page up to show what I mean. https://anthology.co.nz/shop/nix-dress

Hey everyone. I am having trouble with the background color of my site. I was just recently informed that with 7.1 you can no longer have say, blog pages be one color and the home page / landing page be another color. So when I change one, the other changes also. I was wondering if anyone has a fix for this issue.

Hello, How can I get the header on the index (home) page to have a transparent background so the photos are layered behind the text, while maintaining the white background on the other four pages and the fixed position overall? I'm using the Miller template, and the site is http://iggyrabinovich.com/. Thanks!

Site URL: http://www.fieldingslocal.com/menus Hi! I need to change the color of the title on my lightboxes. Right now it is turning up a dark dark brown almost black. It's on a black background so It isn't standing out at all. I need this to be a red like THIS COLOR. Can someone please let me know which color to change in the Style section, or get me some code to change this? Thanks!

I need help with custom css code to have ddifferent colored footers on different pages.

I'm trying to remove the overlay color of the banner section of one of the Index Pages on my site.... The option in the Style Editor will remove it from all pages... Any idea?

Site URL: https://www.mrmagoo.pub/ I want to change the menu title colors on the beverages page (where the beer glass picture is) since they are dark grey and they blend in with the background and they are hard to read. But if I go and change it from the styles menu it also changes the titles inside the food menu, which is not good, because then I can't read those instead of the ones I just changed. The site is private atm but the password is simply "mrmagoo", thanks a lot!

Site URL: https://www.weacceptcryptocurrency.com/ I want to make the period at the end of my homepage header the same color as the logo of my site (in top-left). Is this only possible with CSS customization?

Our main page shopping page says SOLD in the description for sold out items. I want it to read as red and have changed the color in Products: Basic Grid: Status, but it doesn't change it on the page. Any suggestions?

Hi, Just wondering how you can go about adding an image next to a block of copy with a colored background in 7.1 so they scale together. Like the attached image.

Site URL: https://trumpet-cobalt-eltx.squarespace.com/config/

Site URL: https://www.mcarenders.com/english I copied a code for making the text on posters appear when the mouse is over the image. (Case of the second picture of my Español or English Pages) I would like to change the color of the text to black. Here is the code. .design-layout-poster:hover .image-card-wrapper { visibility: visible; opacity: 1; background-colour: hsla(233, 90%, 51%, 0.83) } Also i would like to know, how can i make this same effect to other texts like the headline text from the first image of my Español or English Pages. Thank you in advance www.mcarenders.com

(Updated: SS 7.1) Some custom code (CSS) to change color Navigation Link Navigation Hover Link Navigation Active Link >> 92 Templates Navigation Custom Font Notes Add code to Home > Design > Custom CSS The code is based on demo at squarespace.com/templates, so they may not work for some websites or navigation with dropdown If the code doesn't work, try adding !important to after, eg: color: #f1f2f3 !important; If you have any questions/found issues, just comment below or send me a private message. Thanks. Avenue Template /* Nav item color */ .main-nav ul li a { color: #ff0000 !important; } /* Nav item hover color */ .main-nav ul li a:hover { color: violet !important; } /* Nav item active color */ .main-nav ul li.active-link a { color: green !important; } Aviator /* Nav item color */ nav#main-navigation ul li a { color: #ff0000 !important; } /* Nav item hover color */ nav#main-navigation ul li a:hover { color: violet !important; } /* Nav item active color */ nav#main-navigation ul li.active-link a { color: green !important; } Bedford Family: Anya, Bedford, Bryant, Hayden, Bedford /* Nav item color */ #mainNavigation div a { color: #ff0000 !important; } /* Nav item hover color */ #mainNavigation div a:hover { color: violet !important; } /* Nav item active color */ #mainNavigation div.active a { color: green !important; } Brine Family: Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Custom Template, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West, Brine. /* Nav item color */ .Header-nav-item { color: #ff0000 !important; } /* Nav item hover color */ .Header-nav-item:hover { color: violet !important; } /* Nav item active color */ .Header-nav-item--active { color: green !important; } Farro: Farro, Haute Same as Brine Five /* Nav item color */ nav#main-navigation ul li a { color: #ff0000 !important; } /* Nav item hover color */ nav#main-navigation ul li a:hover { color: violet !important; } /* Nav item active color */ nav#main-navigation ul li.active-link a { color: green !important; } Flatiron /* Nav item color */ ul#nav li a { color: #ff0000 !important; } /* Nav item hover color */ ul#nav li a:hover { color: violet !important; } /* Nav item active color */ ul#nav li.active-link a { color: green !important; } Forte /* Nav item color */ #topNav ul li a span { color: #ff0000; } /* Nav item hover color */ #topNav ul li a:hover span { color: violet; } /* Nav item active color */ #topNav ul li.active-link a span { color: green !important; } Ishimoto /* Nav item color */ #topNav #nav li a { color: #ff0000; } /* Nav item hover color */ #topNav #nav li a:hover { color: violet; } /* Nav item active color */ #topNav #nav li.active-link a { color: green !important; } Momentum /* Nav item color */ #topNav ul li a { color: #ff0000; } /* Nav item hover color */ #topNav ul li a:hover { color: violet; } /* Nav item active color */ #topNav ul li.active-link a { color: green; } Montauk: Julia, Kent, Montauk, OM Same as Momentum Native /* Nav item color */ #navBlock ul li a { color: #ff0000 !important; } /* Nav item hover color */ #navBlock ul li a:hover { color: violet !important; } /* Nav item active color */ #navBlock ul li.active-link a { color: green !important; } Pacific: Bryler, Charlotte, Fulton, Horizon, Naomi, Pacific /* Nav item color */ #mainNavigation div a { color: #ff0000 !important; } /* Nav item hover color */ #mainNavigation div a:hover { color: violet !important; } /* Nav item active color */ #mainNavigation div.active a { color: green !important; } Skye: Foundry, Indigo, Ready, Skye, Tudor /* Nav item color */ .nav-blocks-wrapper div a span { color: #ff0000; } /* Nav item hover color */ .nav-blocks-wrapper div a:hover span { color: violet; } /* Nav item active color */ #mainNavigation div.nav-link--active a { color: green !important; } Tremont: Camino, Carson, Henson, Tremont /* Nav item color */ #mainNavigation div a span { color: #ff0000; } /* Nav item hover color */ #mainNavigation div a:hover span { color: violet; } /* Nav item active color */ #mainNavigation div.active a span { color: green; } Wells /* Nav item color */ div#topNav ul li a { color: #ff0000 !important; } /* Nav item hover color */ div#topNav ul li a:hover { color: violet !important; } /* Nav item active color */ div#topNav ul li.active-link a { color: green !important; } Wexley /* Nav item color */ #topNav ul li a { color: #ff0000; } /* Nav item hover color */ #topNav ul li a:hover { color: violet; } /* Nav item active color */ #topNav ul li.active-link a { color: green; } York: Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor, York /* Nav item color */ .site-navigation div a span { color: #ff0000; } /* Nav item hover color */ .site-navigation div a:hover span { color: violet; } /* Nav item active colo */ .site-navigation div.active a span { color: green; } Squarespace 7.1 /* Nav item color */ .header-nav-item a { color: #ff0000 !important; } /* Nav item hover color */ .header-nav-item a:hover { color: violet !important; } /* Nav item active color */ .header-nav-item--active a { color: green !important; } Created by Tuan Phan. Share to be shared more.

Someone knows how can I change the footer to match different background colors in different pages?