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

Search the Community

Showing results for 'logo different'.

  • 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

  1. Site URL: https://www.daniloagutoli.com Hi guys, Iยดm new at squarespace and know almost nothing about coding. My website is up and running and I will launch a store soon, but I want the store page to have a different logo than the general website. It would be enough to just exclude the logo from that page (I can always add an image at the top and use it as a "logo"), but actually replacing it with a different one would be perfect. Do you guys have any idea of how to do it? Thanks a bunch in advance.
  2. Site URL: https://flower-mustard-larn.squarespace.com Hello, My client wants the inverted red exclamation mark in her logo to also be also be RED in the text on the page. How can I make this happen? I haven't done this type of tweek in v7.1 yet but I've coded something similar using blocks or something but I'm not seeing that option on 7.1??? you can view the page here or in the screen cap attached - https://flower-mustard-larn.squarespace.com pw Artist2021 - note the logo and the first sentence where it says Taha Th(I)inks - the "I" needs to be red.
  3. Hi there, I would like to have a unique logo on every subpage. The reason is, that every page on my website has different background colors in the header. My logo works better at some colors, not so good at other colors. I've created various logo versions to optimize the design. Can anyone help with a certain CSS code, which allows me to place different logos on different sub-sites?
  4. Hello there! I tried testing the code on my own site, which is a 7.0 website. The CSS selectors vary only slightly (".header-branding-logo...") but I was still able to replicate the problem. Try these different possible solutions. 1) Use the full url for the background image SVG. 2) Upload a transparent .png file for the logo and use your code to overlay the .svg. For me, the code you shared effectively removes the logo "block/container" entirely. If you were to add the visibility option back, you might see your SVG. 3) Try adding the full code with selectors instead o
  5. Hi! I'm very new with Squarespace and I have found it quite easier to work with 7.1 version. I have a personal blog, I have built a home page, and the blog separately. I would really like to use to a different (or at least a different logo) on the blog page and each blog post. Is there a possibility of doing it with CSS? I'm not code-savvy at all, so I'd appreciate anyone's help.
  6. Site URL: https://wellhaus-coaching.squarespace.com/ Hello! I need to use a different logo on the homepage vs. all the other pages. If you go to the site, you'll see the logo in the upper left corner is black. I need to use a different image on the homepage. I have uploaded it to Home.> Design> Custom CSS. I copied the code that is generated -- NOTE: it says "syntax error on line 1" but I do not know what is wrong. I have found 3-5 other answers on this forum to similar questions. They all provided different code snippets (see below for 1 example). NONE of them work. Once
  7. Site URL: https://hypersphere-raccoon-w3rt.squarespace.com/ Hi there! I've used Wix in the past to be able to position things with ease, and am currently shifting over to Squarespace. What I'd like to do is right align the logo, with the navigation and social media icons immediately to the left. I've been googling loads and trying different code, but haven't been able to find anything that allows me to do it as of yet. Does anyone have any suggestions? Many thanks! Dave PS the password for the site is davedave, and the template I'm using is Gates.
  8. Site URL: https://shearercottage-1.squarespace.com/ So, I've been trying to to get the logo to change from one logo variation to another on scroll on the homepage. Right now, it works on the other pages except for home. The difference is that the home page has a different logo than the other pages, but on scroll, they would all have the same logo. I have used Jquery found from another forum to get the other pages to work, and have tried using the same Jquery to try the homepage as well, but haven't had any luck. This is the code I used that gets the other pages to work: <s
  9. Hi! Website link is at https://dog-maracas-wdgj.squarespace.com/about , password is underco. I'd like to find out if i can change the header color for that page ONLY. I want the header background to blend in with the pink, have my links white, and I would upload a white version of my logo. Let me know how I can make this possible. Thank you.
  10. Site URL: https://monumentreleasing.squarespace.com/config/pages I've looked around in all the forums and tried a lot of different code injections but nothing seems to be able to reduce the white space between the top of the page (logo and navigation bar) and the main content. I've used code where I'm able to add padding below and increase the white space, but putting in negative numbers doesn't reduce the space. I'm using Forte template. h1.logo.image { margin-bottom: 0px; } nav.main-nav { padding-top: 0px !important; padding-bottom: -50px !important; } At
  11. Hey guys, I am trying to start my page, having my logo in white, as the first section of it is in a very dark color. As you scroll down, I would like the logo color to change into black, as soon as the logo "touches" the second section and will remain black for the rest of the page. Is there a way to accomplish this? Would HIGHLY appreciate any help on this ๐Ÿ™‚
  12. Hey Everyone, I'm in the process of creating a website (I'm still in the trial phase so can't share the link). Theme: Clarkson 7.1 My Problem: The logo we are using for our website is white. This works really well as it sits on an edge to edge banner on each page throughout the site (see attached for an example). However, when creating individual blog pages there is no option to choose a header image (Squarespace Support also confirmed that this can't be done on blog pages). As our logo is white, you can't see it (see attached for an example). Potential Solution 1: I found CSS
  13. Site URL: http://www.nwtherapymom.com For my website, I have a white logo and a black logo. The White logo looks perfect on the Home page, but disappears on the blog and contact page since the page backgrounds on those pages are white. I would like to use the black logo in the header on just the blog and contact pages. For now on my site, I just have text for the site name. Squarespace automatically changes the text to white on the front page and black on the other pages depending on the page background color but it won't for the logos unless I have a custom css code. I have tried looki
  14. Site URL: https://werkit.se Hello, I am on a "Personal" plan and am looking for help on the following things: Removing the site title logo from only the first main page. Make the mobile version show a different image on main page and in headers then the desktop version. Thanks in advance!
  15. Site URL: https://www.angelamaritz.com/ Hi Please can I have advice, is it at all possible with coding to upload a different logo image to my homepage header only. I need my header logo image on my homepage to be white with a transparent background and on the rest of the site to be black with a transparent background. I'm building a new 7.1 site. Thanks
  16. Many versions of this question have been asked, but I'm a small business owner brand-new to Squarespace, I'm using 7.1, and so far none of the CSS solutions from previous versions of Squarspace seem to be working for me. I want to change the logo for individual pages - on my home page, I want my logo in its normal full-color form. For the rest of the pages, I want it to be all in white (this is to keep it visible against the backgrounds I'm giving it). I have the two separate versions of the logo (color and white). The color logo is currently on all of my pages, and the white logo is uploaded
  17. Hi everyone, I've been sent in this direction by Squarespace support after they told me it's not currently something they do but might be achievable with code? I wondered if anyone could help me? I've just changed template to Nueva (which has a main homepage with a photo as the whole page) and have a logo that I want to be in the top centre in the header so I've made the logo transparent with white writing so that it can be seen through the whole page photograph with the navigation links/buttons across the top header.. However on all the other navigation pages of the website, I plan
  18. Site URL: https://johnaugustdesign.com/work Can someone help me with the code on my site? I'm trying to use a white version of my logo on one page and a black version on the others. Thanks!! This is the one page i need the different logo https://johnaugustdesign.com/work
  19. Site URL: http://www.chinchilla-dog-gljs.squarespace.com Title says it all; is there a way to have different logo's on different pages? The logo on my home page is black, in front of a lighter gif. However, other pages (like the Work page) are black, and you wont be able to see the logo on there. Any suggestions would be appreciated. Password: qazedc123
  20. Site URL: https://tulip-circle-whn5.squarespace.com I am trying to show a different logo on some sub pages in the Ventura template. I've been trying to use some semblance of the following code injections and I keep playing around with the class ID but nothing seems to work. <style>.Header-branding-logo, .Mobile-bar-branding-logo {content: url("LINK");}</style>
  21. Site URL: https://jakejensen.squarespace.com/config/pages I need to align the navigation bar to be on the same line as the logo, but instead of float left and right to the edges of the screen, I need it to be a fixed position next to the logo. I have tried the spacing on the menu items but that messes things up with different screen sizes. If anyone could help me with this, that would be great! This is what the site looks like now: And this is what I would like it to look like: Website: https://jakejensen.squarespace.com/config/pages password: jakeandky
  22. 7.1 is in effect one template family with 18 starting designs, using different color palates, fonts, layouts, but all those differences are in every 7.1 template for you to choose from and any template design point can be made to look like another. That being said the Brine Family template, Moksha's split navigation around both sides of the title or logo is not a default option in 7.1. It can be done with Custom CSS code however: https://stnsvn.com/blog/how-to-make-a-split-navigation-in-squarespace-71 Also 7.1 does not have parallax scrolling by default which Moksha also has. That to
  23. Site URL: https://www.actuatelaw.com/services When I originally uploaded this code for a client to swap out a different logo color on a different page, it was working. However, recently something has changed and it's no longer displaying. Any help on how to change it? I originally inserted this code into the page's header: <style> .header-title-logo a { content: url("https://static1.squarespace.com/static/5ee7ac6c0dd81c33d50f18c1/t/5f04adb33d7efb7d6678fdd3/1594142131192/actuate_horizontal_white.png"); } </style> Here is the page where it's not displ
  24. Hey there. Ok so I have a website thats just three pages. I have stripped out the logo on the homepage but for the other 2 pages I want a different logo on each, how could i do that? I can obviously have one of them working but it appears on both., How could I add a different one for each?
  25. Hey @tuanphan this code doesn't work for me. Can you please help? So I've got this code to display a different logo on the page in general... <style> div.header-title-logo a { content:url("https://static1.squarespace.com/static/5611841fe4b0f085582f2aa7/t/5ddc2f3f2e5a7339b69c08b2/1578936481584/?format=1500w") !important; max-width: 290px; /* if logo needs to be centered */ margin-left: auto; margin-right: auto; } </style> But using your code in this post, it doesn't hide that logo when the menu overlay is open. It overlaps the both of them on top of each other.
  • Create New...