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

Search the Community

Showing results for tags 'black and white'.

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



Found 3 results

  1. Site URL: http://www.pamelashardy.com Hi! I am not a front-end dev and would love your help! I want to have a hover state where the existing image changes to another image on hover. Example, black and white image to a colored image on hover. I am using the Avenue template. Any idea on how to achieve it? Please help! Password: notnow
  2. Site URL: https://megalodon-jellyfish-ahzy.squarespace.com/ When building blank pages and in the about page on my site, there is seemingly a phantom white block that's showing up between the content and the footer when I'm using the Black Minimal Color Scheme. There isn't a block there when I go in to edit. Anyone know what this might be? I have put some code in but I don't think that would affect it. Here's the code I've inserted: /*the following code mimics the portfolio flatiron template with fade in rollover text*/ /* increase image transparency on hover */ img.summary-thumbnail-image.loaded:hover { opacity: 0.4; } /* display title on hover*/ .sqs-block-summary-v2 .summary-item .summary-title a{ background-color: transparent; opacity: 0; color: #fff; position: absolute; left: 0; right: 0; top: 45%; margin-left: auto; margin-right: auto; } .sqs-block-summary-v2 .summary-item:hover .summary-title a{ background-color: transparent; opacity: 4; color: #FFF; position: absolute; left: 0; right: 0; top: 45%; margin-left: auto; margin-right: auto; } /*style title font hover for summary wall block*/ .sqs-block-summary-v2 { .summary-title, .summary-heading { font-family: 'FOUNDERSGROTESK'!important; font-weight: 400 !important; font-size: 30px !important; color: #FFF; } } /*eliminates white space between thumbnails*/ .summary-thumbnail-container, .summary-title { margin-bottom: 0 !important; } .summary-item {background-color: #000000;} @font-face { font-family: 'FOUNDERSGROTESK'; src: url('https://static1.squarespace.com/static/5e8f3ac78b89c5205e278f15/t/5e96dd80faeb9808759ae30c/1586945408521/FoundersGrotesk-Light.otf'); } h {font-family: 'FOUNDERSGROTESK';} h1 {font-family: 'FOUNDERSGROTESK';} h2 {font-family: 'FOUNDERSGROTESK';} h3 {font-family: 'FOUNDERSGROTESK';} h4 {font-family: 'FOUNDERSGROTESK';} p {font-family: 'FOUNDERSGROTESK';} p2 {font-family: 'FOUNDERSGROTESK';} p3 {font-family: 'FOUNDERSGROTESK';} p4 {font-family: 'FOUNDERSGROTESK';} .blog-item-title h1.entry-title { font-family: FOUNDERSGROTESK !important; } .header-nav .header-nav-item a { font-family: 'FOUNDERSGROTESK'; } .header-nav-folder-content .header-nav-folder-item a { font-family: 'FOUNDERSGROTESK'; } .header-menu-nav-item a { font-family: 'FOUNDERSGROTESK'; } .item-pagination h2.item-pagination-title { font-family: 'FOUNDERSGROTESK'; } .sqs-block-button-element { font-family: 'FOUNDERSGROTESK'; font-size: 20px !important; font-weight: 500 !important; height: 20px !important; } @media screen and (max-width:640px) { nav.header-menu-nav-list { background: black; } }
  3. Site URL: https://trombone-turbot-sh6n.squarespace.com/past-series Hello all, I am currently working on a website that has a handful of pages without headers(and blog post), in which the logo we have cannot be seen. We're using a white logo, which works with regular pages with banners; but when there are banners missing, then the white logo cannot be seen. What I've noticed is that there is no differentiator between a page with a banner and one without. Has anyone successfully been able to find something to trigger their JS to invert their logo from black to white and vice versa when the user navigates to a page with no banner instead of adding custom css globally for every page or for every blog article? Here is a sample of one of the pages that needs the treatment: https://trombone-turbot-sh6n.squarespace.com/past-series Thank you Jorge Pietrogiovanna
  • Create New...