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

Search the Community

Showing results for tags 'colour'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

Found 45 results

  1. Site URL: https://rafida.org Hey, We've added 3 custom social link icons on our BRINE website. The icons are fine when there is an overlay behind the icons. They appear white with no issue. But when there is no overlay (and just a plain white background), the regular social link icons change to gray, but the 3 new custom icons remain white. Two bits of code I'm using have been supplied below, and I've added screenshots showing the issue. Website access: rafida.org pass: lastphasetesting3 Any ideas? ----------------------------------------------------------- I adding the below code to custom CSS to change the colour, but the colour I pick only changes the standard icons and not the 3 custom icons. .tweak-social-icons-style-regular .SocialLinks-link-icon{ fill: grey; } .tweak-social-icons-style-regular .SocialLinks:hover .SocialLinks-link-icon{ fill: grey; } .tweak-social-icons-style-regular .SocialLinks:hover .SocialLinks-link:hover .SocialLinks-link-icon{ fill: grey; } I've used the following code to add the 3 custom social icons: .SocialLinks-inner a:nth-child(5){ content: url("https://static1.squarespace.com/static/5e4d565f9a543a4fb8ddc540/t/5f168b01b9ec1e5fe976efe3/1595312897641/4th.png") !important; } .SocialLinks-inner a:nth-child(6){ content: url("https://static1.squarespace.com/static/5e4d565f9a543a4fb8ddc540/t/5f16fa9a377d4a7f30b3e370/1595341466544/whatsapp2.png") !important; } .SocialLinks-inner a:nth-child(7){ content: url("https://static1.squarespace.com/static/5e4d565f9a543a4fb8ddc540/t/5f16ed8b795a690f8322dacb/1595338123572/email.png") !important; }
  2. Site URL: https://www.supersonic-monkey.com/vision There are 3 titles in my footer. Get involved, Debut Product Launch, & Contact Us Direct I want all three to have custom font (which I have already installed in Squarespace) and custom colour. I know how to change colour with custom CSS as have done it in other areas, however I have used the block identifier tool but it will not change colour even though I have tried all the possible blocks that appear using the identifier. I have also pressed F12 to locate blocks but it wont change colour using the blocks I find there either. Please could someone show me how to change the colour and font of those three headings using custom CSS? The password to the site is 2222
  3. Site URL: http://www.amarrajournal.com Hi all. I've set up different colour themes for each page. When viewing on mobile it appears one can scroll further than is needed at the top and bottom of every page, revealing the website background(?) - which is not wanted. I assume the colour of the background is bring lifted from the home page, which is a stark contrast to most other pages. Is there a way to stop scrolling too far on mobile? Else, for the background to be the respective colour of the page via its own colour theme? Website password is forumpassword, the template is Gates. Thanks!
  4. Hi everyone, I would have thought this was the easiest thing to do. I am using version 7.1 if that helps. I have my own branding and colour palette, which was designed for my business. However - it will only allow me to change the colour palette and choose from their range. There is a custom option but it won't let me just change the colour for example of all the headers and then the background. It allows me to change the colour of one part of the colour palette and then that's it. Even then, i clicked save and it didn't do anything. I don't want anything complicated. I have my CMYK numbers (which I can convert to suit the RGB or whatever this platform is using) i only probably want two colours anyway, I just want them to be my colours and I don't really want a palette as such! Please tell me this is possible. I would have thought the colour of a font or background would be the easiest thing to change!
  5. Site URL: https://www.bloomandcare.co.uk Hi all! I am trying to figure out some custom code to put in that will make my drop down menus the following: Black background with around 70% transparancy The text to be white and change to the same green as my main menu when hovered over Slight rounded corners Any help is much appreciated!
  6. Site URL: https://www.benjohnsonphoto.com/ Hello, I'm wanting to alter the mobile menu overlay colours, however I am unable to find it in the squarespace design settings or use the correct CSS. Currently, it has a black background and white text. I would like to reverse this so the background is white and text black. Cheers, Ben
  7. Site URL: https://www.theshoreatgerringong.com.au Hi, I set up a site and now 2 months later the sites MOBILE book now button isn't displaying white text. It is showing on desktop and the link works and if I change the colour scheme the text is on there.. So how can I change this and would there be any reason it has just changed to the same colour as the button/why it shows on desktop and not mobile? I have used CSS to make the text white however I'm not sure the code was correct as it did not change the button text. Thanks, Lee
  8. Site URL: https://www.suziappelphoto.com.au Hi, Can I use CSS to set the colour for the announcement bar? I want the background to be the same as the Header but with a white font colour not how it currently is. This is in 7.1 and I cannot find where to customise it. Thanks, Leanne
  9. Site URL: http://www.christophevandeneynde.com Hi, a feature that is part of the template of my website is that, when hovering over a navigation title on the home page, the background image changes. However, this creates a mismatch with the colours of the image and the black coloured title. So I was wondering how I could code that the colour of the title changes to red when the cursor hovers over it (and thus when the background changes to an image). Thank you very much. Christophe
  10. Site URL: http://neonerp.com.au Hi, I want to change the colour of my nav (burger) icon and search icons to black via CSS (in my case, it will be used for mobile site where the banner image is disabled). Can you help me? I can't seem the change the fill colour or find the right element to use...
  11. Site URL: https://stringerslondon.com/thestringersway I would like my header on one page only to be transparent so that a video I have playing in the background will be fully visible. I still want the logo and navigation bar to be there so just need the background of the header to be transparent. Here is the page I need worked on https://stringerslondon.com/thestringersway pw: Nathan1234 I worked out how to make the entire header transparent using opacity: .0 but couldn't get the logo and text to be opaque. help!
  12. Site URL: https://fifty-fifth.com/about Hey! I have been using this code to change the colour of my burger icon (when on mobile) but recently it seemed to stop working for some reason: .burger-inner:after { background: #ffc800 !important; } .burger-inner:before { background: #ffc800 !important; } I have tried it out on a friends 7.1 site that has zero additional CSS and it didn't work on his either. I was wondering whether Squarespace have updated their software to block the code or if there is a way around it to re-apply the colour change? At the moment it is just the default colour of the section theme of each page. Thanks!
  13. Site URL: https://wisteria-triangle-r9ms.squarespace.com Hi there I am hoping someone could assist — on my mobile site, the 'X' icon is hidden when the navigation burger icon is clicked, if anyone could assit me in making the 'X' white/visable that would be fantatsic. Thanks in advance
  14. Site URL: https://fifty-fifth.com/home-1 Hello! I'm trying to change the hover colour to the links inside my accordion drop down on this page (https://fifty-fifth.com/home-1). Anyone have any idea how to implement this using CSS or HTML within the markdown? I'm using a custom code box for the accordion and a markdown above it that contains all of the text HTML. Thanks!
  15. Hi All! I'm currently working on changing the background colour of a specific section. I have managed to target it, but it is also changing the footer background colour of my site? Anyone have any idea how to stop this? Here is the code i am using: #collection-5f087542c703c07a2953ba3b { .page-section:nth-child(1) { background: rgb(255,249,76); } .page-section:nth-child(1) .section-background{background-color:transparent!important} } I am using squarespace 7.1 - unable to share link to site at this moment. Appreciate any help of advice in advance! Thanks
  16. Site URL: https://www.mozerisfineantiques.com/ Hello, I have an issue, where my navigation and logo are visible on the home page. When you visit my shop page in jewelllery section, the page background is white, then my logo and navigation is no longer visible. How can I change this just for one single page, as im on 7.1 the colour themes end up changing on all website. I have highlighted below on what I mean. Thanks any help is greatly appreciated! Please let me know if I've been unclear.
  17. Site URL: http://www.elizabeth-curtis.com/overview Hello everyone I have a sticky header that changes from transparent to a neutral colour perfectly, however I was wondering if it is possible for the text to change from white to black on scroll as the background colour appears? www.elizabeth-curtis.com/overview The code I am using is // FIXED HEADER CHANGE COLOUR // .Header{ background-color: transparent important; position: fixed!important; transition: 0.1s all linear; -webkit-transition:background-color .4s; -moz-transition:background-color .4s; transition:background-color .4s; } .on-scroll{ background-color: #f6f3ef!important; } .Site-inner{padding-top: 0px;} Thank you so much for your help.
  18. Can each Block in the layout engine have its own background colour? This would be a big way to customize the look of the templates. This has been discussed various times on here but I don’t think I’ve seen a definitive simple answer – in particular there’s been a lot of discussion across various threads that block IDs YUI seem to change so targeting a block ID with color doesn’t seem to work permanently. Colored blocks are pretty standard now on major websites as a way of structuring different types of content. See the examples below:
  19. Hi Is it possible to have different Shopping Cart Quantity Colours (circle colour) across different pages - I have 2 main Categories in my shop which have a different colour theme across each page. Using the Template Brine Thank you
  20. Site URL: https://grapefruit-maroon-t44d.squarespace.com/ Hey team, I am wondering if anyone has an easy solution to having a dark and light version of the logo that works with the colour settings in the nav? For example the logo looks great in white on a banner image but when I have a page that doesn't have a banner image the logo is lost on the white background. It's easy to set up the nav items to behave correctly on different pages but the logo seems a bit trickier. Surely Squarespace haven't presumed people are just going to bypass logos and write the business name in a font so it works?! I am using 7.1 Thanks in advance
  21. Site URL: https://www.narla.com.au/experience Hello, I have added a simple code block for a dropdown menu. I'm just wondering how to change the font and colour to make it match with my page. The code is: <left> <select onChange="window.location.href=this.value"> <option value="#"> All Sectors </option> <option value="https://www.narla.com.au/infrastructure-experience">Infrastructure</option> </select> </center> Any ideas?
  22. Hey there! I was wondering how would I change the colour of this little icon, or upload my own? I'm using the Classon template. Thanks in advance!
  23. Site URL: https://garlic-rhubarb-z5as.squarespace.com/ Hello, I'd like to have one particular colour on my homepage and a different one on the others. I've tried two different ways, none of which are working. First one was adding to Page Settings > Advanced > Header <style> div#site { background: white; } </style> And second was adding to Design > Custom CSS <style> .collection-type-index #about { background-color:#FAFAFA!important;} </style> I'm really confused why none of those are working. I just need my home page to be orange and all the other ones to be white. Can anyone help me out?
  24. Site URL: http://www.elizabeth-curtis.com Hello everyone, I am using the Horizon template, on my front page I need the Site Title and Navigation links to be white, but on the rest of the website I need it to black. Is there CSS for this? Website: www.elizabeth-curtis.com Password: thankyou Thank you for your help
  25. Site URL: https://fifty-fifth.com/ned-champain/japan-ready Hey there! URL in question: https://fifty-fifth.com/ned-champain/japan-ready I'm having an issue with my portfolio pages. I have made the background of these specific pages black as well as the footer of the page - however, when viewing the site on mobile device or when decreasing the width of my browser window there is a large white block that separates the portfolio navigation and the footer. Is there anyway to fill this white block with black? I have tried to move things around and apply spacers but it ruined the design so I'm turning to CSS. It seems like a Squarespace error! Even when I remove all custom code from the entire site there is the same issue. Thanks! Ned
  • Create New...