Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by Harsh_Yadav

  1. @LUNCHBOXCREATIVE Please use and replace with my code. @media only screen and (max-width: 768px) { .your-class { position: inherit; width: auto; height: auto; max-width: 100%; } }
  2. @Chloe9656 Please add this code on your website in Header or Footer. And update link and class. Please follow this path: Settings > Advanced > Code Injection <script type="text/javascript"> var paragraph = document.querySelector('.your-paragraph-class'); var link = document.createElement('a'); link.href = 'https://example.com'; link.textContent = 'Your Link Text'; paragraph.appendChild(link); </script>
  3. @moonlitdesign Otherwise, to more help you can email/message on this E-mail 'himanshu.devops@gmail.com'.
  4. Thanks for appreciating! I can fixed It and share the CSS code but It's not a proper way. please fix it login with squarespace and change the universal width for left side header on web view.
  5. @moonlitdesign Sure, We can do It. Everything is possible 🙂 Please use this extra code. Please put this code blow the previous code. @media screen and (min-width: 992px) { #page:before { max-width: 75%; margin-left: 25%; } }
  6. @moonlitdesign Sorry for that, I got It. First you need to previous added remove code. Please check the screenshot. In second step, You need to add my code. Then you will got changes definitely.
  7. @moonlitdesign Please use this code add for a background image to the whole site. #page { position: relative; } #page:before { content: ''; background-image: url(https://static1.squarespace.com/static/6639ebb…/t/663a021…/1715077650374/background.jpg); background-size: cover; position: fixed; z-index: -1; width: 100%; height: 100%; }
  8. @Gigi-C Now you can only change the font-size. Please add blow CSS code in your website for this! You can able to change the font-weight because Now In your website only install 2 variants(medium & bold) of HelveticaNeue font. If you want to show 'HelveticaNeue-thin' font in your blog title. Then you need to add/install this font in your website. section[data-section-id="663412ff86c058167eb4e769"] ul li .list-item-content__title { font-size: 20px !important; line-height: 26px; font-family: 'HelveticaNeue-thin'; }
  9. Thanks for confirmation, I'm always ready for HELP!
  10. @aquidos Please Use this CSS code! .header-layout-nav-right .header-nav-list { justify-content: flex-end; align-items: center; } .header-nav-item:nth-child(10) { background: #000; width: 40px; height: 40px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; margin-left: 1.5vw !important; } .header-nav-item:nth-child(10) a { margin: 0px !important; } #header.shrink .header-nav-item:nth-child(10) a { color: #fff !important; }
  11. @halfhide Pease use this CSS code. .header-actions--right .header-actions-action--cta .sqs-button-element--tertiary { position: absolute; top: -30%; right: 0; } .header-actions--right .header-actions-action--cta .sqs-button-element--tertiary:hover { text-decoration: underline; opacity: 1; }
  12. @ROSESCAN Please use this code. You can fix this issue for mobile device. @media only screen and (max-width: 520px) { .fe-block-yui_3_17_2_1_1713580014502_40524 { grid-area: 15 / 2 / 23 / 10; } .fe-block-yui_3_17_2_1_1713580014502_40524 .sqs-block { justify-content: flex-end; } }
  13. @HelloToday Use this CSS. .tweak-global-animations-animation-type-flex .sqs-button-element--tertiary:hover::before { border-radius: 30px; } .tweak-global-animations-animation-type-flex .sqs-button-element--secondary::before { border-radius: 30px; }
  • 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.