Jump to content


  • Posts

  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

LaurelB's Achievements

  1. @claudianuria Can you share the code that worked for you?
  2. PERFECT! that worked @creedon thanks both of you! @creedon @Wolfsilon
  3. 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
  4. 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
  5. Hey everyone! Just checking in to see if anyone has any insight on this! I'm really struggling!
  6. 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!
  7. @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
  8. 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!
  9. @creedon do you happen to know what I've done wrong on this one! lol 🙂
  10. 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
  11. Hmm.. take a look at this @creedon Here is the Squarespace CSS:
  12. @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
  13. @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!
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.