brandi_sqspace

As always, @tuanphan, you are my hero. Sincere gratitude!

Hi there! I think I've asked something similar before, but can't find it. I'm now trying to hide the footer on just this one page: https://thisplusthat.com/newsletter Does anyone know the custom code to pull that off? Thank you!

That solved that! THANK YOOOOU @tuanphan!

That solved it! THANK YOU, as always, @tuanphan!

No, because not all desktop logos are the same color. I want a specific logo to *always* show on mobile nav (white/teal/white) — this one — because the mobile overlay menu is always black. And, of course, at the same size the fully white one appears on mobile currently.

No, sorry—this is a screenshot (⬆️) from a page that's my desktop/regular nav menu. I'm just showing an example of somewhere else on my site (desktop/regular nav) that's what I want the button to look like in my mobile overlay nav menu (the black background, here ⬇︎), for your reference, since @bangank36 asked for one!

I don't know what "my selector" is, unfortunately. Here's a screenshot of what I want the button to look like — just like every other button on my site (the one in the top right here).

Thanks, @bangank36. Forgive my total lack of knowledge here, but what is the CSS code to style the button background? Can I basically copy what I have above, but do it under this media only code, so that it's something like: @media only screen and (max-width: 767px) { font-family: proxima-nova; font-weight: 700; font-style: normal; letter-spacing: .1em !important; text-transform: uppercase; line-height: 1.2em !important; font-size: 1rem; color: #00CC99 !important; <-- is this the bg color of the button or the font color? why is it not styling teal? }

@tuanphan This worked, almost — it inverts it so that it's the full/all white version of my logo. But I'm looking for the white/teal/white version of my logo, like the one you see on my home page (desktop).

Site URL: https://thisplusthat.com Hi hi! Wondering if I could get some help styling the button in my mobile navigation. I have this code currently in my Custom CSS: /* Custom Mobile Nav CTA Button */ .header-menu-cta a { font-family: proxima-nova; font-weight: 700; font-style: normal; letter-spacing: .1em !important; text-transform: uppercase; line-height: 1.2em !important; font-size: 1rem; color: #00CC99 !important; } Wanting, though, for the button to be styled like it is on desktop / my primary button styling — teal background (#00CC99) and black text (#333). Thank youuuu!

Hey, y'all. Can anyone possibly help me get my *nav area on mobile only* to display a custom logo? It of course currently takes on whatever logo is in the header area of each page, but I need it to *always* be the white/teal/white version (instead of the black/teal/black version it is right now, since the nav area background is black). Here's my site. Thanks in advance!

Hi, all! Similar question here that never got answered — I have code applied already so that the logo changes out on certain pages on *desktop,* which seems to be working fine. BUT, I'm now looking to make sure that the logo for all pages, when a user opens navigation in mobile, is the white/teal/white version instead of the black/teal/black version that's appearing now, since it makes the black portions disappear on the black background. Here's my site. Any help would be so appreciated, thank you!

As always, @tuanphan, you are a hero. THANK YOU!

Site URL: https://thisplusthat.com/ Hey, y'all. Here's my site. I used the custom footer code injection from this kind person to try and solve for weird spacing between side-by-side buttons on Squarespace in the hero image area of my home page. I like how it looks now, except for a couple of things: It doesn't fit the full container. I'd love for them to be equidistant so that the left-most button aligns to the left side of the white block above it, and the right-most button aligns with the right side of the white block above it, with equal space between each button. When I go to mobile, all of the buttons stack to the left on top of each other. This isn't horrible to me, but I'm wondering if there's some way to keep them all in the same row on mobile without the buttons becoming too small. Does anyone know any custom code to solve for these issues? Or, do you know another way to code this instead of the custom footer injection code in order to meet all of these desires? Thanks for your help in advance!

@CarriLM @thebaristaleague I've closed up that business so I hadn't needed to come back to the issue for a while since posting. I'm sure I'll still need to consider this with any of my new directions, but as far as I know, I never received helpful responses in those forums, either. 😞 Would love to hear if anyone comes up with solutions or how other people handle this.

You're amazing. THANK YOU.

Thanks 🙂 Not on a business plan, so I don't have that option. But at least I know how to fix it.

@tuanphan I'm guessing this is to be added to individual pages that I want this to happen on? So, Page Settings > Advanced > Page Header Code Injection?

Hey, y'all (and always guessing @tuanphan knows the answer 🙂 I'm wanting to do this, but with some variations: I'd like it to happen *only* on mobile, *only* on specific pages. And, I'd like to use a different *image,* not simply invert the colors of the logo. Here's my site. You can see that, for the Home page, as an example, the logo doesn't appear on mobile (or, only the teal portion does) because the background placement becomes white on mobile. Any other pages where this happens, or where I'd set the background color to white instead of dark, I'd love to know how to switch the logo out with a new image that works over white. Anyone have insights?

Hey, y'all! I'm having this same issue, BUT I'd like to specify different background colors by: Image Type (Poster vs. Stack, for instance) And, by Color theme (Lightest 2 vs. Darkest 1, for instance). INSTEAD of applying one color background for all Cards across the whole site / every Color theme. Here's an example: On my Home page, I've colored the background of the Image > Stack blocks white (where you see Free Newsletter, Paid Newsletter, Podcast – soon!) using this code: .image-block-outer-wrapper.image-block-v2.design-layout-stack {background:#fff;} And, on my Blogs, I've turned the Image > Card block backgrounds white, as well, using this code: .image-block-outer-wrapper.image-block-v2.design-layout-card {background:#fff; padding:35px;} This might help many of you here! Problem is, that makes Stacks and Cards have white backgrounds across the whole site. INSTEAD, I'd like to know how to specify it a step further, by specific Color theme. Like, on these blogs (Darkest 2 Color palette), the background of the page is black, so having a Card or other Image type with a white background is exactly what I want. But on this set of blogs, the page color is White (Lightest 2 Color theme), so I'd like to be able to turn the Image backgrounds of any kind (Card, in this case, if you scroll to the bottom to see it) the black color I use in my Color palette. While I know how to do Inspect Element and find the coding for the individual block on that specific page, I'd rather just find the code to do it across an entire Color Theme, so that I don't have to add custom code to every new blog. It seems silly (I agree with others) that there isn't a native way to change the background color of different Image block types across each color theme. Even more silly because the background of a block on one color theme probably isn't going to be the one you need on the contrasting color theme (dark bg vs light bg, as an example). Does anyone know how we might do it with custom code?

Hey, @Rama. Great question. As far as I'm concerned, Leadpages is a lead generation tool, with functionality only for lead/landing pages, pop-ups, etc. Can you use it for your whole website? Sure. But Squarespace is a full-blown CMS, where you can blog, do e-commerce, and all of the other features that come with a CMS, like WordPress or the like. Hope that helps!

Hey, @thebaristaleague! Sadly, I have not. I'm increasingly coming to believe that it's necessary to pay for a third-party URL shortener for these purposes and very sad about it. The SQSP URL Builder only works for directly linking to social ads, not just generic URLs linked to landing pages. And, still unclear as to weather URL Mapping messes up your SEO if you have several different URLs that all point to the same page. So, I'm still lost, but am leaning toward URL shorteners (like bit.ly, etc.) as the only solution, which is a bummer. If others correct me or know more, I'd be VERY excited to hear otherwise.

Thanks, @SusanaR! Replied to you via that new support ticket.

Hey, @SusanaR. Unfortunately, that email address is already updated and is not reflected in my account here, in the forum. See here: In following instructions from that link you just sent (it was already this email address): And, my account as it still is in the Forum:

As always, thanks and high fives, @tuanphan. You're the best.