Gazette Cover Page editing

Hi all,

I have just published a landing/cover page for a new concert series to be launched in a few months.

All is working well, except for the Newsletter Form, where certain fields have pre-set subheadings in English (such as First Name and Last Name, whereas you can easily edit the heading, please see attached screenshot). This looks very amateur when the rest of the site is in Norwegian.

It would be even better if we could use the Newsletter Signup function with Email Campaign integration, but here none of the fields are editable (so the result in terms of lack of translated words is even worse than when using the Newsletter Form).

Another question is whether it would be possible to add fonts also to Cover Pages. I've already inserted custom CSS for a few fonts, but I can't find them when designing the Cover Page. Slightly annoying, as there's already printed graphics using fonts that are not available as a standard in Squarespace.

Hope someone is able to help! PS: This is my first Circle Forum post!

@thormodkvam If you share site url, i can give you the code to translate first/last name

On 10/24/2019 at 12:40 AM, tuanphan said:

@thormodkvam If you share site url, i can give you the code to translate first/last name

Thanks, @tuanphan! The site URL is https://www.aulaserien.no.

@thormodkvam Add to Home > Design > Custom CSS

/* First Name */
.first-name label {
    visibility: hidden;
}
.first-name input {
    visibility: visible;
}
.first-name label:after {
    content: "ABC";
    color: #333;
    display: block;
    visibility: visible;
    margin-top: -15px;
    font-family: monospace;
}
/* Last Name */
.last-name label {
    visibility: hidden;
}
.last-name input {
    visibility: visible;
}
.last-name label:after {
    content: "ABC";
    color: #333;
    display: block;
    visibility: visible;
    margin-top: -15px;
    font-family: monospace;
}

@tuanphan, thank you so much! Adding it into Custom CSS didn't work, but in settings it does say that custom CSS won't work with Cover Pages. I guess there is no way to override this? Perhaps enabling Developer Mode could work?

@thormodkvam Try Cover Page Settings > Code Injection > Header and insert this code

<style>
  /* First Name */
.first-name label {
    visibility: hidden;
}
.first-name input {
    visibility: visible;
}
.first-name label:after {
    content: "ABC";
    color: #333;
    display: block;
    visibility: visible;
    margin-top: -15px;
    font-family: monospace;
}
/* Last Name */
.last-name label {
    visibility: hidden;
}
.last-name input {
    visibility: visible;
}
.last-name label:after {
    content: "ABC";
    color: #333;
    display: block;
    visibility: visible;
    margin-top: -15px;
    font-family: monospace;
}
</style>

@tuanphan, it worked – fantastic! Thanks, this was really helpful and very kind of you!