JadeCreative7

I used this tutorial and it works perfectly... except the spacing isn't ideal and it didn't all appear on one line (the links were stacking) I added the following code: /* nav one line */ .header-title-nav-wrapper { flex: 0 0 100% !important; } And now the links are all on one line. The logo is centered, but the links spread out way more on the left than they do on the right. Does any have a CSS fix for making the longer links like 'Mindfulness Workshops' and 'Online Programs' split onto two lines so they take up less space. Website link: https://www.purposefulvibes.com/

I'm trying to use a summary block to create a carousel of testimonials on a page. However, the image is far too large. I've tried to adjust with CSS code but then it ends up left-aligned (it needs to be center like the text). I believe it's something to do with the aspect ration but I haven't been able to figure it out yet. Here is the code I'm currently working with: .sqs-gallery-block-grid .sqs-gallery-design-grid { display: flex; justify-content: center; flex-wrap: wrap; } .summary-thumbnail { width: auto !important; height: 200px !important; } .summary-thumbnail img { width: auto !important; height: 200px !important; } As I'm currently transferring from 7.0 to 7.1 in preview mode I don't have a URL but have attached screenshots. Would be super grateful for any help!

THANK YOU SO MUCH 🥹 worked perfectly!

Late response to this topic but I recently found a solution myself today to the same issue — accidentally added lots of sections to my footer instead of my page! 🫣 I was able to save time by copy + pasting. I did the 'select all' command from my keyboard and this copied all of the elements from my footer section. Then I pasted it into a new section in the page. Everything copied exactly as I had done it in the footer 🙂 much quicker than starting over again!

I'm trying to get a button to overlap two sections on a page in Squarespace 7.1. Is it possible? I'm trying to use margins and z-index css to achieve this, but it's cutting off the button (see screenshot). I've also attached a screenshot of what I'm trying to achieve. This is the current code I'm working with: ///OVERLAP SECTION/// //section 1// section[data-section-id="644fb51f62ae2860d54fa1b3"] {z-index: 1; margin-bottom:0px;} //button// #block-yui_3_17_2_1_1682941763085_30867 {z-index:3;} //section 2// section[data-section-id="644fb669e22fd95fbe24eee6"] { margin-top: -30px; z-index:2; } This is the site: jesskasriel.com (pw: inprogress) Thank you in advance if you can help with this ❤️

You're literally my hero! I've been staring at it for too long and didn't even think about trying to remove that as a solution. THANK YOU!!!! ❤️

I'm completely at a loss. I've tried this multiple times on both a 7.1 and 7.0 website and my custom font just isn't showing. The website I'm trying to upload it to is this one: jesskasriel.com (pw: inprogress) Here is the code: ///// CUSTOM FONTS ///// /// SCRIPT FONT /// @font-face { font-family: Script !important; src: url(https://static1.squarespace.com/static/63ca6aba236a6c0fc8122eb8/t/644f87f1fc10491d24e73d14/1682933747871/HarlowDuoScript.otf); } /// MAIN HEADER FONT /// @font-face { font-family:Regular !important; src: url(https://static1.squarespace.com/static/63ca6aba236a6c0fc8122eb8/t/644f87f740407937faecb676/1682933752119/HarlowDuoSerif.otf); } /// HEADER ALTERNATIVE /// @font-face { font-family: Alternative !important; src: url(https://static1.squarespace.com/static/63ca6aba236a6c0fc8122eb8/t/644f87fbecbee4661b03c720/1682933755186/HarlowDuoSerifPlain.otf); } h1, h2, h4, h5 { font-family: Regular !important;} h3 { font-family: Script !important;} /// DESKTOP HEADER NAV /// .header-nav-item { font-family:'Regular'!important; } I have tried deleting the code and re-uploading the files multiple times but nothing is working. If anyone could help I would be SOOOO grateful. I just can't seem to figure out what the problem is.