sorca_marian

You used the wrong quote signs on the second line.

You can check linting sites for Less or CSS like https://www.lesstester.com/

@font-face {
   font-family : "Favorit-regular";
   src: url("https://static1.squarespace.com/static/65d1754e7d3e4c35639d2e85/t/65dab3053b8dd007fc1c505e/1708831494401/ABCFavorit-Regular.ttf");
}

// Headings

// Heading 1
h1 {
   font-family: 'Favorit-regular';
}

// Heading 2
h2 {
   font-family: 'Favorit-regular';
}

// Heading 3
h3 {
   font-family: 'Favorit-regular';
}

// Heading 4
h4 {
   font-family: 'Favorit-regular';
}

// Paragraphs

// Paragraph 1
.sqsrte-large {
   font-family: 'Favorit-regular';
}

// Paragraph 2
p {
   font-family: 'Favorit-regular';
}

// Paragraph 3
.sqsrte-small {
   font-family: 'Favorit-regular';
}

Have you managed to fix it?

I see borders also at the bottom

Checking right now

😀

Hi,

Do you need something with a smoother scroll and infinite scroll?
Like voucherify.io/voucherify-alternative ?

Add the below code in Custom CSS, at the bottom, below all existing code

.header-title {
    flex-grow: 20;
}

.header-title-logo {
    display : flex;
    align-items : center;
}

.header-title-logo a {
    flex-basis : 227px;
    flex-shrink: 0;
}

.header-title-logo::after {
    width: 100%;
    padding : 0!important;
    text-align : center;
}

@media (max-width: 767px) {
    .header-title-logo::after {
        display: none;
    }
}

Website address?

Website address?

Hello!

The arrows are on the right side with reduced opacity

Check this article by a Circle Member https://bycrawford.com/blog/how-to-change-the-default-site-language-on-squarespace

I see a loading error for the .svg file.
Can. you try using .png?

Awesome!
Don't forget to mark my response as the solution.

Add the below code in Custom CSS 

#footer-sections .sqs-block-newsletter {
    background : transparent;
}

#footer-sections .sqs-block-newsletter input {
    background : transparent;
    border : solid var(--form-field-border-thickness) var(--dynamic-border-color, #A9A9A9);
    border-radius: .4rem;
}

#footer-sections .sqs-block-newsletter input::placeholder {
    color : #fff;
}

#footer-sections .sqs-block-newsletter button {
    background : #fff!important;
    color : #000!important;
}

Hi Hayley,

Can you add your website address?

Sorry, I don't understand.

Are you referring to the large logo on top of the page or the logo from the fixed navigation?

Password of the site?

Only the logo or the entire top nav?

I'm happy that I was able to help!

Check this tutorial 

Sure.
0.5 in background can be adjusted from 0.1 to 1

#sections > :first-child .content::before,
#sections > :nth-child(2) .content::before {
    content : "";
    position: absolute;
    width : 100%;
    height : 100%;
    background: rgba(0,0,0, 0.5);
    top: 0;
    left : 0;
    z-index: 1;
}

Don't forget to mark my answer as the solution.

Check https://www.abzglobal.net/products/p/squarespace-71-70-custom-blog-numbered-pagination

You can check https://www.abzglobal.net/products/p/squarespace-71-70-custom-blog-numbered-pagination

Add the below code in the Page header code injection of the homepage.
Upload your logo and add the url(LINK TO YOUR LOGO)

<style>
  #sections > :first-child .content::after {
        content:"";
        width: 100vh;
        height: 25vh;
        z-index: 9999;
        top: 50%;
        left: 50%;
        background: url(https://images.squarespace-cdn.com/content/6429afef9d28c96ab5cab093/be66b182-e373-4150-88ac-0e45d062a3c5/Asset+18.png) no-repeat;
        background-size: contain;
        transform: translate(-50%,-50%);
        position: fixed
}

@media (max-width: 1100px) {

    #sections > :first-child .content::after {
        width : 70vw;
    }

}
</style>

Add the below code in the Page's settings -> Advanced -> Page Header Code Injection

<style>
.gallery-slideshow {
    max-height: 800px;
}
</style>

You have a custom CSS that sets the color as transparent