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

Search the Community

Showing results for tags 'color'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

Found 357 results

  1. 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
  2. Site URL: https://seabass-maroon-5h8g.squarespace.com/portfolio Password for website: oakpointtest I realize that the search icon is a png and you cannot simply change the color. How do I switch out a white png for a black png of the search icon? Thanks
  3. 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?
  4. Site URL: http://jordanakozy.com Hello! I'm trying to stylize the hover on hyperlinks in different blocks (text, image blocks etc.) They all have different native styles. I used: h3 a:hover,{color: #309166} for headers and it worked. Does anyone know code for normal text and for image block text?
  5. I've seen a lot of custom code to change the color of hover on navigation bar links, but I can't figure out how to add a hover color/effect to text that has been hyperlinked.
  6. Site URL: http://www.iniustechnology.com/ Hi, I would like to change the colour of certain sections on my product pages below the product descriptions. I would like to have my Image Card Blocks below the descriptions to have separate background colours. If anyone could help me with this I would be very grateful. Thank you
  7. Site URL: https://pumpkin-oarfish-52lk.squarespace.com/config/design Hi, How can I get the colour of each text to change when the viewers scrolls over it? Thank you in advance
  8. I am trying to edit the colour of any link text on my site - both in the navigation and on pages - using 7.1. The option doesn't seem available in site styles/ themes, which seems odd as it's a fairly basic request. I'd like the hover over/ active colour to be #01aef0. I would also like the colour to remain when you are on a page - so when you are on the About page, the navigation title stays as the hover colour as an indicator. Sorry I don't know how else to describe that! My site is carbonbuddyproject.org Thanks, Emma.
  9. Site URL: https://www.chiney.com/ On a site that isn't live yet, I would like to have a button that changes color to red when a podcast is live on weekdays 1-4pm pst. This level of code knowledge is above me. Is this something that can happen on squarespace? And how? Thank you!
  10. Site URL: https://www.decorationvolckaert.be Hello everyone, I've got an issue with the color of my button on the mobile navigation menu. In fact, it appears blue on the desktop version but black on the mobile menu which makes it almost unreadable. Can somebody have a solution for this problem ? I can't find where I can change this color just for the mobile version. Thank you Sorry if my English is not perfect, I'm french native 😉
  11. Site URL: https://dolphin-gerbil-zh8s.squarespace.com/ Hi there, I'm trying to style my navigation so that each nav item has a different hover colour. I have managed to do this but I would like the active setting to be in the chosen colour with coloured underline. A the moment the hovers work but the active elements seem to be conflicting with main css. The code i'm using is: /* our services hover */ .header-nav-item a[href="/our-services"]:hover { color: #59CBE8 !important; } /* our services active */ .header-nav-item--active [href="/our-services"] { color: #59CBE8 !important; } /* our services folder hover */ .header-nav-item:hover>a, .header-nav-folder-item:hover a { color: #59CBE8 !important; } /* our services folder active color */ .header-nav-item--active>a, .header-nav-folder-item--active>a, .header-menu-nav-item--active>a .header-menu-nav-item--active { color: #59CBE8 !important; } /* our impact hover */ .header-nav-item a[href="/our-impact"]:hover { color: #F9423A !important; } /* our impact active */ .header-nav-item--active [href="/about"] { color: #F9423A !important; } /* our support hover */ .header-nav-item a[href="/our-support"]:hover { color: #FFD100 !important; } /* our support active */ .header-nav-item--active [href="/our-support"] { color: #FFD100 !important; } /* about us hover */ .header-nav-item a[href="/about-us"]:hover { color: #FF29C7 !important; } /* about us active */ .header-nav-item--active [href="/about-us"] { color: #FF29C7 !important; } /* resources hover */ .header-nav-item a[href="/resources"]:hover { color: #97D700 !important; } /* resources active */ .header-nav-item--active [href="/resources"] { color: #97D700 !important; } Any help would be much appreciated!
  12. Site URL: https://www.covid-19connect.com/thankyou Hey all, hoping for some help. When I upload vector images (saved as JPG) with white backgrounds, some come up with a grey-looking overlay. Any ideas on how to remove the overlay? Here's a link - the first image comes up with a clean white background, and the second two do not. How do I fix this? https://www.covid-19connect.com/thankyou
  13. I'm using the collage block throughout my portfolio site and I'd like it to appear in different colors on different pages. For example, if you visit: https://www.johnpattersonportfolio.com/#/zulily/, you'll see purple - which works with the presentation. However, if you go to https://www.johnpattersonportfolio.com/#/wizardsofthecoast1/, you'll see the purple again. I would like it to be a light blue instead. I want to customize the color of the collage for every one of the 11 pages I have. Please help! Thanks! Dustin
  14. Site URL: https://tangerine-pear-2fep.squarespace.com/config/ There is one section in the nav (schedule and classes) that doesn't accept the css that I put in, but all of the other nav items do. I'm at a total loss. There's an underline when you click on it, but I did css so that doesn't happen and it works on other nav items, but not on that one. Same for color changes. the published site is akashayogajh.com
  15. Site URL: https://chipmunk-salamander-mxea.squarespace.com/ Hi I made a website for a dentist but when on mobile the background image crop is not good. I'd like to change it but can't seem to find good code for that. I'm not a code person so be gentle. If I could change the picture that would be great, but even changing it into a solid color is probably better then an ugly crop. website: https://chipmunk-salamander-mxea.squarespace.com/ PW 279700 Thanks for your help!
  16. Site URL: https://whale-mushroom-t6kh.squarespace.com I'm not sure why when I change the image lock to a card (anything other than inline), it adds an opacity over the image. How do I remove the image overlay?
  17. Hello. On my site, I have my header navigation background set to transparent on all of my pages, I have a blue background behind my headers so the navigation logo and nav items just overlay the blue background. For example, see here https://www.graphitefinancial.com/blog or https://www.graphitefinancial.com/ However, for my blog posts I cannot add a blue background behind the header with the theme I'm using. See here: https://www.graphitefinancial.com/blog/title-growth-at-all-cost-strategies-arent-working-for-startups-heres-what-is-and-always-has. So my logo doesn't show since it is white. Is there a way for me to set just the blog posts to have a specific background. I DO NOT WANT TO CHANGE THE HEADER NAV BACKGROUND COLOR ON ANY OTHER PAGE BUT A BLOG POST. Thanks :)
  18. Site URL: https://www.cibusconsulting.com Hi, I've been using the following code to change the color of my footer on specific pages. However I've noticed that the footer color doesn't fully expand to the width of larger windows. How can I fix this problem? Thanks! <style> footer#footer-sections .content-wrapper { background: #425066 !important; } </style>
  19. Site URL: https://insight-appraisals.com/ Hello, I'm wondering if there is a way to reduce the padding around the footer on my site. Ideally I'd like the footer to have minimal padding on both top and bottom. On another note, I'm also toying with the idea of having certain text blocks have a different background color than the rest of the page. Is there a way to do that on specific text blocks only? Thank you! Kassaundra
  20. (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: red !important; } .header-nav-folder-item:hover a { color: red !important; } /* Nav item active color */ .header-nav-item--active a { color: green !important; } Created by Tuan Phan. Share to be shared more.
  21. Site URL: https://www.fossilfueltreaty.org/ Is it possible to change the default colour of a section (e.g. before image / video loads)? It seems that the colour displayed while loading content is consistent across an entire site, rather than specific to the Colour Theme of the section. On some of my sites it pulls from the "Dark" palette colour, and others from the "Black" palette colour. Any advice on how to alter would be very helpful!
  22. 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?
  23. Site URL: https://www.enfiletonmasque.com/shop/rosie Hi guys, I am looking for a way to add some functions to my product pages: - Clic on icons to change product color - Clic on size icon to change product size - Display Delivery, Secured Payments... icons under "Add to cart" - Clic on "+" or "More details" to see additional informations on the product Thank you very much for helping Picture of the targeted outlook below :
  24. Site URL: https://cbcbellevue.com/7steps Hello! I am trying to change the color of these markdown boxes. There are 7 "steps" so 7 different dropdown boxes and each needs a different color (hex codes below) I tried changing background and using the ID block and markdown-block {color: #######} and {background:#####} and nothing has worked. I even put a spacer between each markdown so they were individual block ID #s but wasn't sure if that was necessary or not? Attached is the section of the page I am working on and I posted the page url with this: https://cbcbellevue.com/7steps Please let me know what to put in either the individual markdown html boxes or CSS coding box to change them to the hex colors! 1.Partner: 9f754f. 2.Pray: a2866d 3.Read:b4bba5 4.Discuss:99a48c 5.Memorize:8a8e71 6.Engage:717151 7.Bless:39463a
  25. Site URL: https://cbcbellevue.com Hello! I have been trying to figure out how to change the color in the text box portion of the image card using CSS to no avail. I tried using my Block id# as well as using the url name before and have even looked at past posts that seemed similar but nothing I did in CSS was registering. Below is the specific page, it is an index page and the index portion I am working on is under anthem-ministry. https://cbcbelleue.com/anthemchurch. I am wanting the color behind the text to change to a different background color, and also hopefully adjust the font color. Here are a couple ways I tried it based on past results I saw: (BLOCK ID HERE) .image-background {color: #302958;} anthem-ministry .image-card-wrapper { background: #302958;} Please help! I should say I also want to change this on just this one card, so it is not something I am wanting to change under site styles. Thanks!
×
×
  • Create New...