spantchux

Hi @tuanphan, thanks for your response and sorry for not getting back to you. I tried adding extra }} to line 22 and it said there was now a syntax error. Can you help? The title on the mobile is still coming up as #ffffff when I only wanted that style to apply to larger breakpoints.

hi @tuanphan, thanks for your message. I've added the full code here. Could you let me know if you see any issues?

Many thanks @Beyondspace I can't see "section h1" in the CSS editor on squarespace that you highlighted. Do you know how I can access it to delete it? Or will that break the code? If so, do you know the correct code to add?

Hi @Beyondspace thanks so much for taking a look at this. My issue is that I only wanted #ffffff on certain pages at mobile breakpoints, not on all of them. Is that possible? I thought by putting in the section id this would be achieved but it doesn’t seem to work.

Hi, can anyone offer help with this code I'm using (see below)? Basically, I added this code so the title on mobile break points would be #ffffff but at desktop it would remain another colour in my palette ( #424855). Is there something wrong with this code? Is it something to do with the inclusion of h1, h1 span? Pictured below is all the code I've use on the site so far. For more context I've included an example of the pages effected by the code which I didn't want to effect. The Gallery page: at desktop, the title colour remains #424855 but on mobile it changes to #ffffff. I thought using this code would mean only the specified sections would change colour at mobile breakpoints. Any help greatly appreciated! Sam https://kangaroo-oriole-jxjt.squarespace.com/gallery password: RichardPantcheffWebsite @media screen and (max-width: 767px) { section[data-section-id="65b3b7506b04b27d83371cfe", section[data-section-id="65b78fe056cc9f6cc2c5eaec"] { h1, h1 span { color: #ffffff !important; } } }

Apologies, I thought thats what I had done! I used the code pictured which is the one which uses section ids to denote where to apply the code.

Ahh I see. So how do I alter the code so I can make it page specific, not site wide for all h1 header?

@Lesum Sorry to bother you again... The code is working but it's also applied to a couple of other pages which I didn't want it to. I thought by adding the section code, it was specific to certain pages.

THANK YOU! Very helpful.

I don't think that's the issue. I tried adding the closing bracket line 13... Is there anyway you could take a look at the whole code?

Now it says there's a missing closing bracket...

Thanks so much for your response @Lesum It doesn't seem to work... I'm not sure if I've done it right.

Hi, I'd be grateful for help from anyone who knows a solution to this: I'd like to a have different colour for the title of my page(s) on desktop browser to the one on the mobile because the image underneath impacts readability. Is there code to do this? You can see pictured, the title "Catalogue" in colour #424855 shows up well against a white background but not when the image behind is formatted for mobile. On mobile breakpoints, I'd prefer the font colour to #fffff. Can you help? https://kangaroo-oriole-jxjt.squarespace.com/ Password: RichardPantcheffWebsite

Apologies CCRK2024

ULR is https://tarpon-raccoon-mpzd.squarespace.com/consultancy

Hi, Due to the position of an accordion drop down, when it's expanded, theres a lot of white space at the bottom of the section. Is there a way to stop this from happening? Squarespace support says this is because the drop down assumes that the rest of the blocks will expand as well. If you can help, I'd be extremely grateful. Sam

Hi, yes, ideal I'd love for the edge of the image to line up with the edge of the card at smaller breakpoints. Is there a way to do that?

Site is now password protected Password - ODL2023 https://radish-semicircle-x8k2.squarespace.com/home Grateful for any help you can give, tuanphan!

https://radish-semicircle-x8k2.squarespace.com/home

Hi! Does anyone know how to make two elements which are related respond in the same way screen size changes? In the images you'll see the card with text has changed shape an no longer lines up with the image. Also, is it possible to group this items so they respond in the same way across multiple breakpoints? Thanks in advance! Sam

Works perfectly. Thank you so much for your help!

Hey, No, I meant the FAB on the right hand side of the screen like in this pic: Is that possible ? Sam

Hi, I've created a fab which appears on each page of my site ('subscribe to our mailing list') and I would like it to link back to the subscription section of the homepage so users can sign up. Can anyone help with the code I need to add so it links to a specific section of the home page? I've attached pictures of the button as well as the section of the homepage which I'd like the link to reach. https://helicon-raspberry-6afy.squarespace.com/config/settings Password LCS123 Thanks in advance!

Uffff. Sorry again. Password is set as LondonChoralSinfonia