meganheath

Hi @Bluemonque
Try this instead
#siteWrapper .header-actions-action--cta .sqs-button-element--primary { font-family: 'Roboto Condensed'; font-weight: 700; }  

Hi @Bluemonque
Try this instead
#siteWrapper .header-actions-action--cta .sqs-button-element--primary { font-family: 'Roboto Condensed'; font-weight: 700; }  

This is a WebKit specific issue which is why you are seeing it on iOS. For the benefit of anyone reading this, WebKit is the web browser engine used by Safari and many other apps on macOS and iOS 🙂
You should be able to remove the border radius by adding this to Design > Custom CSS:
input[type=submit] { -webkit-border-radius:0px; border-radius:0px; } Did this answer your question? Please give feedback by clicking an icon below  ⬇️

This isn't something you can change.

With font name, add this to Design > Custom CSS
div#block-41ed9c90bb731e181f50 * { font-family: 'AvenirNext' !important; }  

@meganheath
Hi Megan!

I kinda thought so too and need to figure out how to find those IDs but I have an idea and will give it a try by using developer mode with split screen to find those Block IDs. Thank you. Do I repeat that block of code with the next ID number, or do I add commas? I am sure I can figure it out somehow.

And OH that's another great tip to use the Carousel. I will definitely give that a try as well. 

You are the best and I'll keep you posted. Thanks so much again. 

I'd love to connect with you on Instagram to stay in touch if you'd like. Lmk. 

Add to Design > Custom CSS
.eventlist-title .eventlist-title-link:after { content: "View Event"; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background-color: #7fabff; color: white; font-size: 18px; padding-left: 10px; padding-right: 10px; }  

Can you describe in more detail? change text font size, name or?

@hilaryb add to Design > Custom CSS
h1.blog-title a { display: none; }  

Have you solved this yet?

You try do it, then we can use some code to tweak it

Hi,
You can adjust the padding by adding this code to Custom CSS.
.header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item { padding-top:10px; }  

Hi @mlayyye_melb
Add this to your code block instead
<a href="Your ClassPass Page URL"><img alt="2021 ClassPass Awards - Best Fitness" src="https://partners-new.classpass.com/hubfs/2021%20ClassPass%20Awards%20Badges/2021%20ClassPass%20Awards%20-%20Fitness%20-%20Black.png" style="display:block; margin-left:auto; margin-right:auto; width:500px;"/></a>  

Hi @JessMay
You can change the button colour by adding this to Custom CSS
.sqs-pill-shopping-cart-content.dark { border: none; color: #5c462d; background-color: #b8a999; background-image: linear-gradient(#c7b7a6,#b8a999); }  

Oh dang! That worked out super well. 🙂 
 
Thanks a ton. Means a lot. 

Hi,
You can adjust the padding by adding this code to Custom CSS.
.header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item { padding-top:10px; }  

It isn't possible to exclude products from "All", but there are a couple of workarounds:
When an animal has been adopted, you could move it from the 'adopt' Products page to an 'adopted' Products page. This would allow you to build a page of successfully adopted animals on a separate page (preferred). Alternatively, you could hide the 'All category' and create a new category, for example, "All available". You could then manually place each unadopted animal into this category and remove the category when they are adopted. This isn't the preferred option because you'd also need some script (requires a Business plan or above) to preselect the new category when the page loads, otherwise the "All" category will be shown by default.   

Although you can add a Search Block, if you're new to Squarespace you may appreciate knowing that the search feature isn't very dependable and shouldn't be relied upon for product discovery. 
 
 
 

Thank you for your help. It's always hugely appreciated.

Hi @Papa_Gee
Here's a tutorial by Beatriz Caraballo on how to add a fixed background image to your site.
https://www.beatrizcaraballo.com/blog/fixed-background
 

@meganheath amazing, thank you so much for your help!

Hey @be-one try to add .homepage class before #header:
//Shrink Your Logo .homepage #header .header-title-logo img { transition: max-height 800ms ease-in-out } .homepage #header.shrink { .header-announcement-bar-wrapper{ padding-top: 20px!important; padding-bottom: 20px!important; } .header-title-logo img { max-height: 80px; } }  

Hi @Susi_GraphicDesigner
Add this to Custom CSS
/*Reduce bottom padding on Gallery Reel*/ [data-section-id="616f34f81c1b653b4be9619d"].gallery-reel[data-width="full"]{ padding-bottom:10px; } @media only screen and (max-width: 768px){ /*Resize Profile Image on Mobile*/ #block-yui_3_17_2_1_1634676566210_22589.sqs-block-image .design-layout-inline .intrinsic { max-width:180px !important; } /*Resize Quotation image on Mobile*/ #block-dd0c97de38e440742169.sqs-block-image .design-layout-inline .intrinsic { max-width:80px !important; } }  

Try something like this:
#page-section-6206ac631012ed11269e79fd .sqs-col-12 .sqs-col-5 { top: 34px;   position: -webkit-sticky;   position: sticky; }

Did this help? Please give feedback by clicking an icon below  ⬇️
 

Unless I have misunderstood your question, you shouldn't need any code for this.
Simply add four Text Blocks to the footer. You can then add your links to each of the blocks. They will be spaced equally and will 'collapse' when the site width is reduced, keeping them responsive. Here's a video.