Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Community Answers

  1. Harsh_Yadav's post in Adding a background image to whole site, except for certain sections was marked as the answer   
    @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%; }  
  2. Harsh_Yadav's post in Change font for testimonial title - list item was marked as the answer   
    @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'; }  
  3. Harsh_Yadav's post in CIRCLE NAVIGATION BAR BUTTONS was marked as the answer   
    @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; }  

  4. Harsh_Yadav's post in Mindbody - Buy Now Button Not Working was marked as the answer   
    @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; } }  

  5. Harsh_Yadav's post in Button Animation With Custom Shapes was marked as the answer   
    @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.