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