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

Search the Community

Showing results for tags 'logo'.

  • 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
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • 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
  • German Circle Members's Topics

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.coastalgrain2.squarespace.com.au I'm trying to adjust the alternate mobile logo size as it is currently being cropped. code: /* Mobile logo */ @media screen and (max-width:767px) { .header-title-logo img { visibility: hidden; } .header-title-logo a { background-image: url(https://static1.squarespace.com/static/6281bbf5b699e31bcd719947/t/62ba84171b23872a6356b29d/1656390679424/Coastal-Grain-Logo-Mobile.png); background-size: cover; background-repeat: no-repeat; background-position: center center; } } Cheers, Mark
  2. Site URL: https://www.localartflow.com My mobile logo will not update. It is sticking to the first one I used. I cannot remove it either. The visible one is an old one and trying to replace with a revised version. Thank you! This should not need CSS....
  3. Site URL: http://dustin.land Hello everyone, I'd love your help being able to use CSS to reduce the div / padding arounf the main logo in the header. When the browser is resized, the nav links will drop a line to make room for the huge amount of side space surrounding the logo. See attached. Any help would be appreciated! Dustin
  4. Site URL: http://sandycheekshomes.com Hello, I have uploaded custom code to my css to be able to use the fonts files provided to me from my designer. I am also using the code to be able to use one of those same fonts as my header font. Customer care on Squarespace has let me know that these codes are what are causing my logo file on the header to appear miscolored (blue is brown, pink is blue..). I want to be able to use these font files but I also need to be able to use my logo of course. I have tried both png files and jpeg files of the logo and neither are working. Any intel would be so appreciated!
  5. Site URL: https://www.st-bede.com/ When you scroll downwards, the menu bar stays put but everyone above it turns invisible. It looks silly just floating there.... How can I make the top logo/search bar area stay put?
  6. Why exactly are logos so important? Logos help set the tone for your business, as they are often your brand’s first impression on potential customers. As we know, our brains can process images more quickly than text, so having a logo helps users identify and remember your brand. Think of it as your company’s ID in your customers’ minds, it’s how you stand out among your competitors. How did you decide on your logo? What do you like most about it? What core message or feeling did you want your logo to convey? Tell us all about your logo in the comments below! P.S. If you’re looking to create a business logo, check out Squarespace’s Free Logo Maker to get started. You can also learn more about logos with our Help Guide: Creating a great logo.
  7. 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.
  8. Is it possible to have a logo symbol, name and tagline in header? How can this be done? Is there a way to have them as separate items so you can adjust them? Thanks
  9. Site URL: https://www.kostmaatwerkinterieurs.nl/ Hi there, I have created a page and at the top inserted a logo. It is everywhere black for the moment, but I need it to be white on the first page, the home page. I can't find how this goes and read somewhere I needed a code? Could someone help me out, and explain me which code and also where to insert? Thanks a lot!
  10. Site URL: https://www.ellievsbear.com/ Hello, I would like to use custom CSS to display both my logo and title on the left of the header. I managed to do that before, but when both the logo and title are displayed it moves the navigation bar to the side of the title. If possible, I would like to know how to place the navigation under the title as shown in the image here, please. The website is on Squarespace 7.0 - Brine Any help would be greatly appreciated!
  11. Site URL: http://crisivan.com What I have now. What I want it to look like for every page. This is the code I put in Custom CSS @media only screen and (min-width: 600px) { .page-section:first-of-type { padding-top: 0px !important; } .page-section { margin-left: 150px; } #header { width: 150px; position: fixed; height: 100vh; z-index: 99999 !important; display: table; writing-mode: vertical-rl; text-orientation: mixed; } } I would love some help please?
  12. Site URL: https://tortoise-lychee-x6zw.squarespace.com/ I want to use an alternate logo on all event pages—but not on the main Events page, which is titled "Upcoming." I have the following code, but I don't know how to exclude the main Events page. .collection-type-events-stacked .header-title-logo img {content: url("https://images.squarespace-cdn.com/content/v1/625f628e6c37d43557e411d2/e9b7b9a7-d599-48e1-903c-78de96fc680c/horizontal+lay+color+monochrome+squarespace.png?format=1000w"); }
  13. Site URL: https://globaldirectpartners.com/ I need my menu and header graphic logo to change on certain pages where the graphic under them moves from light to dark. the light logo and white menu looks great when on a dark surface. But when the underlying graphic is a light colored image it disappears. how can I get the menu colors and the logo version to change by page color? What code is needed? Thank you
  14. Unfortunately can't share the link to the site but I added CSS to show CTA button in mobile header and hid the burger as its a one page site. The button is overflowing over the page and there is a lot of extra padding between the button and the logo. How do I shift over the button so that it is centred? Current code being used: /* Show button on mobile menu*/ @media screen and (max-width:1024px) { /* remove mobile burger */ .burger-inner { visibility: hidden; } /* show button */ .header-actions { display: block !important; } .header .header-actions-action--cta { display: block; width: 5% !important; } } @media(max-width: 1220px) { .homepage .sqs-block-button .sqs-block-button-container--left { text-align: left; padding-right: 20px; padding-left: 0px; } /* logo width */ .header-title-nav-wrapper { flex: 100% !important; //width: 20% !important; //max-width: 20px; padding-right: 0px; padding-left: 0px; } any help would be appreciated!
  15. Hi all, I want to have a different logo on my header ones you scroll down. This is the case; The background of my website is dark, but if you scroll down, a white header appears. But because the background of the logo changes from dark to white, the logo is not nice on one of these backgrounds. Because of this I have created another logo and I want to add this in a way that if I scroll down, the logo also changes to the other logo with another logo. Basically; If I scroll down I want to see the alternate logo on my header. [See attachment] [I don't know if this is relevant] But, I have created the white moving header by using custom CSS
  16. Site URL: https://stephenhendler.com/ Hi there, on my site: https://stephenhendler.com/ I want to add white logos to specific pages. The white logo is here: https://static1.squarespace.com/static/6105c4f34935a22f98b4647d/t/629d81a4c133451012dc1f83/1654489508097/Artboard+12%404x.png How could I add this white logo to this specific page: https://stephenhendler.com/home/knicks-newyorkforever Any thoughts @tuanphan Thank you
  17. 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 in my custom files. Is there a bit of CSS code that I can use to replace the logo in the header on any one page? Again, there are lots of answers to this already, but none are working, and I suspect it's because I am using 7.1. The answers all seem to be template-specific, but as far as I can tell, all of the templates are similar in 7.1, and I can't change my template to try different ones (??) Sorry if my question was confusing. Thank you!
  18. Site URL: https://www.the-consultancycollective.com/ Hello! So I have a gallery slideshow for client logos but I wondered if it might be possible to show 2 gallery images at one time? I did have a scrolling gallery reel (as per the desktop version) but the logos were too small in this instance.
  19. Hello! Is there a way to have the heading logo change based on the dynamic background for the page? It seems silly that there is a dynamic header design option without the ability to implement at least a light and dark logo version. Thanks for the help!
  20. Site URL: https://www.the-consultancycollective.com/ Hi all, Wondering if there is a way to make scrolling logos bigger on mobile? Happy to show just 2 at a time / make it slightly deeper as a solution just not sure how!
  21. Site URL: https://www.blackpearlmobile.com/ I'd like to have my company's logo & name in the header of my site. From what I can tell, that isn't doable via the standard templates, but can be done with coding. I have no coding experience so I'd appreciate some help. I'm wanting the attached logo & name png to be vertically aligned with my navigation links in the header. I'm also including an example of what I'm hoping it would look like when done correctly. Any assistance would be greatly appreciated!
  22. Site URL: https://norman-header-test.squarespace.com/ Hi Brains! I have hit a wall - I'm trying to mimic the desktop display on mobile: So ideally the logo, then the hamburger, centered together. The problem is site styles automatically puts the menu on the left side when you center both elements. I also can't just force the desktop view on mobile because the menu is a folder on desktop so it creates too many extra clicks on mobile (so I'm using a normal primary nav on mobile and a secondary nav with a font awesome icon on desktop for the hamburger, and have hidden them from each other) I feel like It's become waaaaaaay too complicated and at the end of the day I just need some CSS to switch the order on mobile of logo and menu. Images attached. pw is 'norman'
  23. Site URL: https://wilsonmuseum.squarespace.com I'm having trouble getting the three images in my footer centered on small screens. Any suggestions? password: backflips!
  24. Site URL: https://faithfulfriendspdx.org/ I have a clean crisp logo I've tried to put in the footer, but it keeps on showing up slightly blurry. I have tried png and gif images of various sizes, so it doesn't appear to be downsizing from what I can tell. Anyone else run into this problem?
  25. Site URL: https://snail-amethyst-bsp3.squarespace.com/ I have used a logo inside an image block as a bullet style. On desktop view it looks fine as I have used spacer block to reduce its size, however on mobile view the logo goes full to width. Is there any way I can add some custom code to make this smaller ? Thanks in advance Richard
  • Create New...