bycrawford

Unfortunately this isn't a feature on Squarespace.
Sorry to be the bearer of bad news but hopefully this stops you going insane...
Best course of action would be to rebuild from client instruction how they want it and bill them for the extra hours.
And in future you will be able to make use of the new saved sections feature when you move to 7.1.
Hope this could be of some help.

Hey Elisa,
Could you not take out all the code and just capitalise the letters manually as you would normally?

Really weird glitch - I get that too.

My best solution I've found so far is to add this to CSS:
.header-display-desktop {
  margin-top: -20px;
}
Then adjust px value to suit.

@JAY1570048019 - there are 10 colour palettes you can set.
Just change two for these specific pages and don't use them anywhere else?
I would suggest changing 'Bright 1 & 'Bright 2' as they aren't used as default section colours.

Hey! Use this:
.sqs-widgets-audio-player { border-radius: 10px; } Adjust px value to increase or decrease the curvature.

Hey Sandy,
To have pages 'live' on the site (eg. they can be linked to, but not appear in the main nav), you just need to drag the page down from 'Main Navigation' to 'Not Linked' in your pages section. Screenshot attached.
Hope this helps!

Hey K - use this:
.form-wrapper .field-list .field .field-element:not(.button) { background: red; border: solid 1px red; }  

Hey Megan, you don't need code for this!
Just click 'Edit', click on your header and then toggle 'Fixed position'.
Pic attached for reference.

Hey Jo, thanks for the kind words! So to add in Bebas Neue as your font in caps, here is how the code would look:
.sqs-block-summary-v2 .summary-item-record-type-text .summary-read-more-link { border: solid 1px #11394D; padding: 10px; width: 60%; text-align: center !important; margin-top: 30px !important; transition: 0.2s; font-family: 'Bebas Neue'; text-transform: uppercase; &:hover { background: #11394D; color: white; transition: 0.2s; } } To get rid of the arrow, there are some codes floating round, but I believe they mess with the styling of the button code I gave you. If you download an amazing plugin called Lazy Summaries from SquareWebsites (https://www.squarewebsites.org/squarespace-plugins/lazy-summaries) it allows you to change the text (screenshot attached). If you input whatever you want and hit save, the text will change and the arrow will no longer be shown.
Hope this helps!

Sorry, I missed that! Use this code:
.header-menu-cta { text-align: center !important }  

You can lower the scale value but this doesn't zoom out. Unless you mean something else?
If you mean make the zoom *back* out segment smooth, use this code:
.user-items-list-item-container { .user-items-list-carousel__slide { pointer-events: initial; } li img { transition: 0.8s; } li:hover img { transform: scale(1.5) !important; transition: 0.2s; } } And on your point about the hover value, I don't know sorry.

Hey Lindsey,
You'll need to create a new membership area for each course. I built an entire video course in Squarespace here: https://www.bloglifestylemastery.com/
Essentially, when the user logs in, they'll be able to see all members areas that they're subscribed to (and pages within) listed like products in the pop out to the right of the page. Pic attached for reference.

Hey! Use this selector:
.portfolio-grid-basic .grid-item .portfolio-title { /*paste code in here...*/ }  

I have no idea what's causing the issue, BUT the solution is:
.sqs-button-element--primary { border: solid 1px white !important; background: transparent !important; color: white !important; } If you just want to target the buttons in that particular section, wrap the code in the section ID selector like this:
#SECTION-ID-HERE { .sqs-button-element--primary { border: solid 1px white !important; background: transparent !important; color: white !important; } }  

Hey Rove, you just use code blocks!
Here is an article from Will Myers that explains this perfectly:
https://www.will-myers.com/articles/perfect-anchor-links-in-squarespace

Hey Tiffany,
To shrink the globe icon, use this code (and adjust as needed):
.icon--lg { width: 14px; height: 14px; } Then to align right, use this code:
.language-picker-content a { display: block !important; text-align: right !important }  

Hey, you need to change this with code. Use this:
.sqs-block-summary-v2 .summary-block-setting-text-size-large .summary-title { font-size: 2rem; font-weight: 400; font-family: 'Insert font name here' } And adjust as needed!

Click the cog icon of the page you want to target. Then add this code into 'Advanced'
<style> #header, #footer-sections { display: none; } </style>  

Hey Vietmar, here's the solution:
.header-title-logo a:after {
    content: "Add text here";
    display: inline-block;
    font-size: 15px;
    padding-left: 25px;
    text-align: center;
    vertical-align:middle;
}
.header-title-logo img {
    vertical-align: middle;
}

Hey Coll, you can add specific letter spacing code like this:
/* blog title font */ h1.blog-title, h1.entry-title, a.summary-title-link { font-family: 'DRAFT NIGHT' !important; letter-spacing: .2rem; } Then just adjust to your needs.