LaurelB

@claudianuria Can you share the code that worked for you?

PERFECT! that worked @creedon thanks both of you! @creedon @Wolfsilon

Thanks @Wolfsilon! But for some reason it still didn't work to change the background to a single color! Any ideas? I tried adding !important; but still nothing! -L

Site URL: https://star-fennel-h9p3.squarespace.com/ Hey! I have a section that is multicolored. It's perfect on mobile and desktop. But I want to change it to a single color on tablet only. Here is my current css: [data-section-id="60b93ddcc8f89f0d0d45b26e"] .section-background {background: linear-gradient(270deg, #DFCCBE 500px, #F8F5F2 80px);} My question is, how do I add tablet parameters? ie: @media screen and (max-width:1024px) and (min-width:768px) I tried this, but of course - got an error @media screen and (max-width:1024px) and (min-width:768px) [data-section-id="60b93ddcc8f89f0d0d45b26e"] .section-background {background-color: #DFCCBE;} Site: https://star-fennel-h9p3.squarespace.com/ Password: website2021

Hey everyone! Just checking in to see if anyone has any insight on this! I'm really struggling!

Absolutely @Wolfsilon! It's website2021

Site URL: https://star-fennel-h9p3.squarespace.com/ Hey! I have a split navigation on my site. I'm using both CSS and Code injection the issue i'm having is setting the breakpoint - once the screen is smaller the logo ends up aligning to the right. Code Injection: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h3').addClass('ui-closed').css('cursor','pointer'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").click(function() { $(this).nextUntil("h3").slideToggle(); $(this).toggleClass('ui-closed ui-open'); }); }); </script> CSS: /*Make split navigation*/ .header-nav { position: absolute; top: 50px; bottom: 0; margin-top: 0!important; margin-left: -50px!important; } .header-nav-item:nth-of-type(3) { margin-right: 440px!important; } .header-title-logo a { z-index: 1000; position: relative; } See screenshot of issue! Thanks so much!

Interesting! Ok, I just used spacers. Thanks -L

@creedon Here is the site: https://star-fennel-h9p3.squarespace.com/Password: website2021 It's on the love page (the distorted one) the one that worked is on the portrait page

Try this in the advanced tab (replace with your color) <style> body {background-color: black;} #canvas {background-color: black;} </style> If it doesn't work - send me the page link and i'll take a look!

@creedon do you happen to know what I've done wrong on this one! lol 🙂

Bizarre!! It wasn't doubled anywhere - but I deleted it and then saved the CSS. and then went back in and added it and saved it - and then it worked perfectly! THANK YOU @creedon

Hmm.. take a look at this @creedon Here is the Squarespace CSS:

@creedon - didn't quite work! It changed the entire opacity of the button block, so now it doesn't match the text block right above - the button is still a bit transparent. See screenshot

@tuanphan I have not solved this! https://minnow-leopard-86hf.squarespace.com/ pswrd: (website2021) You can see the same issues on the homepage, about & ecourse I appreciate any help!