chynna

Thank you! This worked for us. If I may, I have a three follow up questions for this: - I have multiple pages that I need to use this code with. Can I just add a comma after the section ID and paste another section ID? - Am I able to add more space between the image and title in the mobile view only with this code? - Also, on the mobile view, can I remove some of the space between the title and description? Thank you again for your help!

We're running into the same thing on a page for our upcoming summit. I'm using the functionality to share the daily lineup of speakers-- some days have 3 speakers and others have 2. I have each section set to spots for 3 speakers to keep the image and text size consistent throughout the page. Can you help me with code to center the sections with only 2 speakers? Day 1, Day 3, and Day 5 here: https://www.n2gether.co/summit-schedule Thank you for any help!

Hi there! I was wondering if any could help me with some code. I'm using a Summary Block in List View near the bottom of this page: https://www.n2gether.co/summit-interview/amylee-westervelt I have CSS set up so that it looks good on desktops and tablets, but the mobile view doesn't look great. Ideally, I would like it to stack-- so the image for Item #1 and then the title, subtitle, and button, then a small space followed by the image for Item #2, etc. Any advice? Than you in advance for your help! Chynna

THANK YOU! You are AMAZING!

Hi there! I have the same question, but only want to target a specific auto-layout section on my client's website. The website link is: https://www.n2gether.co/summit And I've attached a screenshot of the section that I'm working on. Basically, I want to change the font for the auto-layout descriptions in this section (where the speaker's titles are). Here is the code that I tried: section[data-section-id="66662610bd8a027a2426aa53"] .list-item-content__description { font-family: 'adobe-garamond-pro-italic'!important; }

Sure! https://haasdesignstrategy.com/blog

This is for a client website, but she doesn't have any blog posts yet. Here main blog page is: https://www.lisa-boyd.com/insights-messages

Hi there! I am looking for help with CSS to make this Search block match the two Archive Dropdown blocks. The live page on my website with the blocks is here: https://haasdesignstrategy.com/blog Here's my code for the Archive Dropdowns: .archive-block-setting-layout-dropdown .archive-group-list {background-color: #F9FBFC; padding: 12px!important; border: 1px solid #262A2B; border-radius: 0px} .archive-dropdown-toggle-label {background-color: #F9FBFC; padding: 12px!important; border: 1px solid #262A2B; border-radius: 0px} And here's my code for the Search blog: .sqs-search-ui-button-wrapper.color-dark .search-input {background:#F9FBFC!important; padding:12px!important; border:1px solid #262A2B!important; border-radius: 0px} Any help is appreciated! Thank you! 🙂

I am trying to use a custom font for the description section on the Product Detail page for a client. I only want the font changed for the main description, not the More Details section on the second part of the listing. We are using the Half Format for product listings. Any suggestions? Her site is live, so you can see this in action here: https://www.loveyourbodyandsoul.com/shop/p/golden-collection-golden-healer-torch

Hi there! I am working on a site for a client that also has Acuity's Powerhouse plan for scheduling, so we have access to the CSS panel in Acuity. We want to change the appearance of the calendar block when it is embedded on her website, mainly to remove some fields to simplify the appearance. I don't believe this can be done with any settings, so any advice for how to achieve this with CSS? The page we're working on is this: https://www.n2gether.co/schedule-your-mini-session What we would like to do: Top Priority Remove the location that shows (long story, but essentially its a Zoom link and clients get it in their confirmation and reminder emails so it doesn't need to show here) Would Be Nice Remove the "Redeem Coupon" button that appears after they've selected their session time Change the font color of the Session Description Change the font or just the font size of the Session Name (Mini Session in this case) so it stands out more As always, any help is appreciated! 🙂

Hi there! I've been searching high and low and cannot figure this one out, so hoping someone can help me with some code. I was able to add code to my client's website that added a divider above each footer section throughout the website EXCEPT on the blog page and each blog post. Here's the code I used: //footer lines// #footer-sections { border-top: 1px #111813 } Can I add anything to this code to ensure the border also appears above the top footer section on all the blog pages? I've tried other code snippets I've found and some manual workarounds (adding a section to each blog page with a divider) without success. Here is the site: https://lisa-boyd.squarespace.com/ pw lisa I've also attached a couple screenshots showing the dividers on non-blog pages and the divider missing on the blog pages. Thank you for any help anyone can offer!

This did it! You're truly amazing, @tuanphan! Whenever I see your reply on a question, its the first one I read because you've always got the solution. Thank you so much for your help!

Hi there! I am finishing up a client's website and have ran into an issue after using CSS to customize my mobile navigation. Essentially, when you open the mobile navigation up, there is a white box that runs down the right side where the scrollbar would go. Any ideas for what I need to change in my code or what to add to make it the same color as the background? https://n2gether.squarespace.com/ with password "view" Thank you in advance for any help you can offer! We are getting ready to launch this week.