Search the Community

Site URL: https://spoonfulofsugarent.squarespace.com/ Hello! I'm looking for some help, I've been tweaking this site for about a week and there's some last touches I want to make to the home page that I can't seem to figure out! I'll list my issues in order of priority- 1) I'm trying to get the font of the title header to adjust to 1.0 or 1.2rem for the mobile layout to stop it from being monstrous on the phone. there's been a couple of different codes I've looked up and tried to plug in but the site isn't responding to any of them. I left the last one I tried you can see in the code box below 2) same as 1, but to make the full-bleed background fit the phone width. I'm not sure if this is connected to the font sizing or requires a different code. 3) The site navigation header I'm trying to figure out if I can make the background semi-transparent, OR if there's a way for me to give the text either a glow, shadow or stroke effect for it to pop out from the background photo. I managed to get it the glow font for the title header, but it's not working the same for the site header. (ignore the colors on the site, it's mostly to help my brain compute what is going on 🤣) the block of coding I have in my CSS section is below for reference. Thank you in advance! <style> {{ .header{ font-size: 180px; letter-spacing: 5px; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: hsl(51, 80%, 35%); text-align: center; text-shadow: 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 25px #fff, 0 0 30px #fff, 0 0 35px #ff4da6, 0 0 40px #ff4da6;} h2 { font-size: 95px; } @media screen and (max-width:640px) { #site-title { font-size: 1.2rem; } { #h1 { font-size: 1.2rem; } } </style>

Site URL: https://www.weacceptcryptocurrency.com/ Squarespace defaults to showing either the site title or the site logo, but I want to show both in my Header. Is there a way to add this functionality with CSS? I have searched the forums and various other online tutorials and I can't seem to find anyone who's successfully done this on a Squarespace site.

Hello- Transitioning our website from 7.0 to 7.1. Under Edit Site Header--->Header Layout, there is no option to have the site logo on the right and navigation on the left just like on the mobile version. See the attached images of our current website. Does anyone have a custom CCS out there to apply into 7.1? Our mobile version setup is what we want but we want the desktop version to be the same (site logo-right and navigation-left)

Hi all, I'm trying to figure out how to change the font weight and opacity of a single word in my site title (attached image is a rough example). I'm assuming it requires javascript similar to the solutions posted here: https://forum.squarespace.com/topic/159212-change-individual-letter-color-in-site-title/#replyForm But I've not been able to hack it. Can anyone offer a solution? Thank you! john

Site URL: https://epwsociety.com/ I have added a site password to my website so it is accessible only to people who have the password. When reaching the password entry page provided by Squarespace, my users get a "try again" every time they try to enter the password with a copy and paste. Also, when entering the password character by character, the page always requires a minimum of two attempts before accepting the password. Is there anything I can do about that? It makes access to the website very aggravating to my users.

Site URL: https://alpaca-rhubarb-jjtf.squarespace.com/config/ Hello, in the Zion template I'm trying to justify specific elements on the right side of the landing page with the subpages below it. The "Home - About - Contact" inside the header will not line up properly with the subpages below. Ideally, I'd love to keep the placement of the subpages and see about readjusting the "Home - About - Contact" header to even them up, if that makes sense. Thank you so much for your assistance!

Working with the Zion template and in search of a custom code. On the homepage, I'm desperately trying to add a second line of text beneath the site title. I would rather not do a workaround with a logo and would prefer to simply be able to add a second line of text. Any help would be greatly appreciated. Thank you!

Site URL: https://www.debbiepashkoff.com/unbranded Greetings, On a real estate site I am creating, we sometimes need an unbranded page (no logo or identifying business data) when marketing a property. I successfully removed our footer and navigation from this page, but the Site Title (Business Name) is still appearing on the browser tab of this unbranded page. Is there a custom code that would allow me to not display the site title in the browser tab for this particular page? Thanks in advance for any assistance!

I have an image in the site header and first section on my home page but on all other pages I would like a solid color in the site header only. Is there a way to achieve this?

Site URL: https://www.solokristi.com/ Hi! On mobile, my site title is off center...is there a reason for this or a way to fix it? TY!

Site URL: https://tambourine-dandelion-gl4g.squarespace.com/ We are using a Site Title instead of a logo on this website, and want to prevent the title from breaking onto two lines. As you can see in the screenshots: When the browser window is wide, the title appears on one line. But when the browser window is narrower, the Site Title breaks. I would like to expand the width of this container to force the Site Title to remain on one line for all desktop screen sizes. Thank you!

Help please! I am trying to display both the logo AND the site title in Brine, and make them both clickable to the homepage. Design wise I got this to work by using the Tagline field. But I can't get the Tagline to be a clickable link. Tried some javascript but it didn't work. Ideally I would like logo in the far left and site title in the middle of the header (see attached image) so uploading the site title as part of the logo image wont work. Can anyone help either: - Make tagline a clickable link in brine - or force display of both site title AND logo. It's a business plan so a javascript or CSS solution is fine.

Site URL: https://strawberry-grapefruit-b9fz.squarespace.com/config/ Hi there, I am building a website using the 'Align & Flow' template. Is it possible to have 2 text lines for the Site Title? I would like to have a smaller font size for text line 2 and also use a different colour? Is this possible? Please see attachment. Thank you so much for your help 🙂 Regie

Site URL: http://www.thesetwoduo.com/those-four Hi all, First time on here. I'm hoping someone can help. I am a musician and have a site for my duo, These Two. We also have a four-piece, electric band, called Those Four. On my site, I added this page for Those Four, with a logo and brief description. However, I'd like to remove the site title that reads, "These Two" from that one page. I chatted with a SS person they said it would require custom code, and recommended I post here. any help is appreciated. Thanks! -Jay

Site URL: https://www.markdanielquintos.com Hi, I'm using the Avenue template and am trying to change the size of my titles on mobile. I've tried copying and pasting a couple of other codes I've seen on the forums, but none work. I'm on a personal account, but this seems like something that should be fairly simple to do? Perhaps I'm wrong. Thank you!

Some examples of the mobile navigation logo issue I am having. I initially used some css to invert the logo colour on the home/landing page, then I used some more css to invert the logo on the mobile navigation, but now I am having issues when going onto another page (not the home page) where the logo is black and then the mobile nav logo inverts to white. Is there a way to make sure whenever the mobile navigation bar is open that it stays black? I have attached some images for reference.

Site URL: http://ryanmariehelfant.com/selected-films When I click my Site Title (my name at the top) it directs to my homepage (http://ryanmariehelfant.com) but I want it instead to re-direct to http://ryanmariehelfant.com/selected-films Can someone provide me with the CSS to do this? (My template is Julia). Thank you!

Site URL: https://www.beautybyjessika.com Blog: beautybyjessika.com | NO PASSWORD Hello, I'm trying to use a custom font I uploaded to change my blog's site title/header branding. I've tried all the codes (header-branding, site-title) but none are responding. I suspect it has something to do with the template I'm using or an oversight resulting in a user error, lol. Here's the code I currently have: @font-face { font-family:"celesse"; src: url(https://static1.squarespace.com/static/55f4f0c9e4b08f0fd06083d8/t/5ebd87054cb3491b4103a54d/1589479173816/Celesse-Regular.otf), url(https://static1.squarespace.com/static/55f4f0c9e4b08f0fd06083d8/t/5ebd870b09bd893bf0bb49df/1589479179316/Celesse-Regular.ttf); } /* Font Celesse Site Title */ .header-nav-item a { font-family: 'celesse' !important; } /* Font Nav */ div#topNav a { font-family: 'celesse' !important; } Your help is appreciated. Jessika

Hi, I am wondering if anyone can help. I have changed two symbols on my site title to a different colour (please see below) however this has not been reflected in mobile view - can someone help? (please see image attached below) https://www.oldtownshokudo.co.uk/ Password: 123Shokudo Many Thanks Jack @tuanphan

Hi All, Help required! Would anyone be able to help with some CSS - I am trying change a single letter in my site title and cannot work it out! I have managed to change the entire word to the correct colour, but want to isolate the two Japanese symbols and change their color. SHOKUDO (black) 食堂 (pink as below) This is the current CSS i'm using: a#site-title { color: #f00dc4 } Many thanks!!! Jack

Hi, Help! I am looking to change the below Japanese letters to a different colour from black across all pages but can't work out the CSS! SHOKUDO 食堂 Any help would be greatly appreciated! Thanks

Site URL: https://www.willmiller.co So, I've built out my photography site using the Bedford template because it compliments the branded content that I created for my business. The logo that I made was created in photoshop from a font pack that I purchased, which I've already added the font and CSS into my site to assign it's role as my site title, H1, and H3. The logo I created ended up not needing any customization on PS, except for the fact that it was created using some custom character variations/ligatures that were provided with the font (the issue specifically is with the lowercase "r" in my site title vs the "r" with an extended ear on my logo). I would like to also continue to use this character variation in my site title, but I can't figure out how to use any of the variations in font/custom ligatures in the title. Some of the solutions I've tried after doing my own research: -copy+pasting the unicode "r" into the site title box (which I either did incorrectly or just didn't work). -saving the original photoshop design as a .png with a transparent background, and then uploading it as my "site logo" (this would've worked, however the .png defaults to a white background. It shows up as a white rectangle and it messes with the padding on my navigation bar) I'm including a photo of: -the CSS I've added in to customize my Site title, H1, and H4 settings, which also includes the custom font name. -the desired "logo" I'd like to have as my site title instead, with the "r" variation that I'd like to have. -a screenshot of my site as it is right now. I'm assuming this is something that can be solved without custom CSS, but any advice is welcome. Thanks in advance!

Site URL: https://www.benedictmitterbauer.com/home-english Hello, I have a two line site title. I tried to enable pointer events for the english version of the website because I don't want the link back to the german start page. It works perfect for the "site-title" on google chrome and also on safari. But for the "site-title:after" it works only on google chrome but doesn't work on safari. I tried this codes: a#site-title, a#site-title:after {pointer-events: none; cursor:none} and also .header-title-text a, a#site-title:after {pointer-events: none; cursor:none} I don't know why it works perfect on google chrome but not on safari. Any suggestions? Thanks!

Site URL: http://www.epochfilms.com How could I create a navigation bar like the one that appears on epochfilms.com on squarespace? I’m starting from scratch so open to any template and css solutions.

Site URL: https://www.laurenfielddesign.com I am having trouble hiding the words "lauren field design" (the site title) in the header. See attached screen-shots of home and another page. Note that the "logo" with the shield is just an image block below the header on the home page.