Search the Community
Showing results for tags 'color'.
-
This week we want to talk about website inspiration. We have all faced the dilemma of a blank sheet, or website, at the start of a project. That’s when looking for sources of inspiration comes in handy. With so many incredible websites out there, we want to know which ones really speak to you and why. Share your favorites in the comments below!
- 5 replies
-
- weeklywisdoms
- design
-
(and 1 more)
Tagged with:
-
Site URL: https://orange-beagle-9jfc.squarespace.com/ Hi there, I have a page with various text blocks, each of which has a headline (H4). The headlines are hyperlinks to pages on my site, which were formatted with the 7.1 default of underlining. I got rid of the underlining but I can't figure out how to change the colour of the font to red when hovering over the link/headline. Anybody have any suggestion?
-
Site URL: https://www.martinfalconer.com/projects/littlebe Hi guys, I have a grey background which works well with my branding elements across the whole site except on this one page where it clashes quite badly with the images. I'm wondering, is there a way to lighten the background colour a little across the entire page (header + footer included) for this specific project? Many thanks, Martin
-
semi transparent color for text background, 7.1
numbereight posted a question in Coding and Customization
Hi, I have no css experience but got this code from someone to put color behind my text, so it's easier to read. When I make it semi-transparent, the changes don't show up on the live site. It seems like Squarespace doesn't like the semi-transparent option. Does anyone know if it's possible to have a semi-transparent color behind text? Copied the code below. To make the color transparent I added e0 after the color, like this: #947342e0 #collection-5f4719c8e451e21ba1543a9d .sqs-block-html .sqs-block-content { padding-left: 5%; padding-right: 3%; padding -
Site URL: https://apple-drum-7nk8.squarespace.com/perspectives I'm trying to figure out how to implement a color palette on individual blog posts that's different from the blog lists page. So on my blog lists page (the page that lists all the blog posts), I have white text set against a dark blue background. When you click on a specific blog, though, I want the background to instead be my "Light Minimal" color palette. How can I make it so the blog posts (for this specific blog collection only) have my light minimal palette, while the blog lists page maintains my "dark minimal' palette? I us
-
Site URL: https://koala-mushroom-xdff.squarespace.com Hello! Two questions: https://koala-mushroom-xdff.squarespace.com / PW: 1234 Please see the 3 images under "Learn more about our HEROs > Alpha squad." I'm trying to change the color of the links that display on hover. I'd like the "Read more" link to appear in #13f633 but can't figure out how to make that change. For the header text "Learn more about our HEROS" -- I'd like to make the S in HEROS lowercase, but my header fonts are uppercase. Is there a way to change just that header so I can turn one of the letters low
-
Site URL: https://goby-oarfish-j8jm.squarespace.com/illustration Hi there, I wonder if you can help, I've put together a simple two page portfolio website (Novo template) with the simple premise that the Design page has black objects on white background and the Illustration page is an inversion of this, i.e. white objects on a dark (#2a2829) backgound. The only thing letting this theme down is that I can't figure out how to get mobile navigation to reflect this colour coordination when on mobile. Is anyone able to suggest some code to customise the mobile menu colour scheme for t
-
- custom-css
- color
-
(and 1 more)
Tagged with:
-
Section Themes overriding custom code for link colors?
serific posted a question in Coding and Customization
Site URL: https://bat-chicory-37n7.squarespace.com/ I used custom code to change the colors of the links on specific pages in this site because it required kind of complex navigation. When I try to tweak Section Theme colors on those same pages, it overrides the custom code for the link color. How do I change Section Theme colors but keep the custom link colors? Any guidance would be fantastic. Thank you so much! -
Site URL: https://strawberry-tangerine-fkhw.squarespace.com/information Hi could you help me to change color just on one single page under the footer from gray to same colour as footer and whole page? Thanks for advice.
-
Site URL: https://pockimals.com I can't seem to find where to change the hover color on my mobile menu. I can see that I have a hover color (it's almost the same color as the menu type), but where do I edit it? I tried looking for code found found this thread, but it's not for the mobile menu. Is there a way to search for styles that I'm not aware of? There are SO many (which is great for design control), but it is really hard to know what goes to what.
-
Hi there, I'm looking to change the background color of each individual drop-down folder in my navigation menu. This code changes the color for all the folders: .header-nav-folder-content { background: #F7D4AA !important; } But I'd like to have a different color for each folder when it drops down. My website is not published but here's a screenshot to show what I'm talking about (when I hover over "Yums")
- 2 replies
-
- color
- navigation
-
(and 3 more)
Tagged with:
-
Site URL: https://www.holmcollection.com Hi, please help me. My product page header color doesn't fit well with the white background but I want to keep the color for the other pages. How can I change just the product page header color?
- 7 replies
-
- product-page
- color
-
(and 1 more)
Tagged with:
-
Does anyone know how I could change the background color of a Text Block?
-
Hi All I'm trying to change the color of the navigation on one single project in my portfolio.. Atm it's white and I need it to be black otherwise you can't see it because of the header. Collection nr. if needed is: 5fef1f7e461d8d43a3ad7b94 Thank you so much!
- 2 replies
-
- portfolio
- navigation
-
(and 1 more)
Tagged with:
-
Hello everyone, I'm trying to fix a problem with 2 background images which display differently on screen (two kind of blue instead of the same blue). I export 2 images with exactly the same background color (no gradient) but when i'm using chrome the color looks different and create a visual break. Opacity background is 0%. This happens only when I'm using chrome and firefox not with safari. Someone have an idea to fix it ? Thanks
-
Site URL: http://www.deriss.com/film Hi! I want to change the logo color for a specific page (www.deriss.com/film) and change logo color again when tapping the mobile navigation on that page. Right now I successfully managed to change the logo color by uploading new logos in css and referring the urls (the logos looks all the same just color change) Step by step; 1. Replaced logo in a page 2. called another logo on that same page when using mobile nav 3. problem is the replaced logo (1) on the page is still there so now I have two logos overlapping each other.
-
How can I change the background color of this section only?
jlama posted a question in Coding and Customization
Site URL: http://www.pantryphilosophy.com I am aiming to visually divide the site with color and would like to change the "How it Works" section from white to light grey. Refer to pic for style: -
Site URL: https://www.andreamelania.com Hello friends! I'm currently in the process of updating my online portfolio, and I want to adjust something that's been bothering me: the opacity when you hover over the gallery grid in my index page on the flatiron template. There isn't an option to adjust said opacity in the template's design tools, so I'm thinking I'll need help with custom code. I'd like to make the hover color more opaque to make the project titles more visible without having to stray from my brand colors. Can anyone help? I've done my fair share of googling and combing thr
-
Delicate, understated, and calming? Or bold, exaggerated, and energetic? There are so many options when it comes to packaging design or general branding, each telling its own story. How would you describe your design style? How did you choose what was right for you? Share your tips below!
- 1 reply
-
- weeklywisdoms
- design
-
(and 1 more)
Tagged with:
-
(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
- 64 replies
-
- navigation-link
- color
-
(and 1 more)
Tagged with:
-
Changing the background colour of one page on my website
RedTrainBlog posted a question in Coding and Customization
Hi, I have been trying to change the background colour of a single page on my website to yellow. I have used the page header code injection in the advanced page settings to add CSS to the page to change the background colour, however, it's still got a white background. The code I added is below: <style> .Header--top { background: yellow; } .Main { background: yellow; } .Footer { background: yellow; } </style> I think there might be an error in the CSS. I'm not a coder and I used a website to generate this code. If anyone knows wher -
How can I have different background colors for my pages?
hellololo posted a question in Coding and Customization
Site URL: http://hellololo.net Hello! I have a website made with the Avenue template ( http://hellololo.net ). What I would like to do is keep the background color for the pages the same except for the background color of my shop. I've been trying to insert codes here and there, but I'm clearly not doing a good job lol. Any help would be very appreciated~ Have a good one!- 2 replies
-
- avenue-template
- avenue
-
(and 2 more)
Tagged with:
-
Site URL: https://www.therumkitchen.com/home-2-1 Hello there, I'm trying to edit button styles and I stuck - it seems like css code doesn't respond to color changes. I'm trying to edit text on yellow button from white to black. Here's the code: /**Button Small**/ .small-button-style-outline .sqs-alternate-block-style-container .sqs-block-button .sqs-block-button-element--small:hover { background-color: #fff; color: #fff; } .small-button-shape-pill .sqs-block-button .sqs-block-button-element--small, .medium-button-shape-pill .sqs-block-button .sqs-block-button-elemen
- 12 replies
-
- custom-css
- button
-
(and 2 more)
Tagged with:
-
Site URL: https://star-turquoise-mzgf.squarespace.com/ I'm trying to change individual colors of buttons on my website - page noted below. I can generate outlines and change the text color, but I'm looking to just change the background of the button block. I'd like them all to be different colors. Any ideas? https://star-turquoise-mzgf.squarespace.com/home-designing-immersive-programs PW: pilot
-
Site URL: https://www.nadiajoycephotography.com/blog/bewitching-fall-backyard-wedding-damascus-or Hi folks, I just realized that on my blog posts my logo in my site header disappears because the image file is white, and I've got my blog posts set up with a white minimal background (I'd like to keep it that way). Is there a way I can force the nav bar on my blog post pages to render with a different background color so the logo shows up? Alternatively, would love a way to be able to use the black version of my logo in the header on *just* blog post pages, but that sounds like it m