Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
thormodkvam

Gazette Cover Page editing

Question

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!

Skjermbilde 2019-10-24 kl. 00.19.40.png

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 1

@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;
}

 

Share this post


Link to post
  • 1

@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>

 

Share this post


Link to post
  • 0

@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?

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...