Jump to content

Gazette Cover Page editing

Recommended Posts

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

Link to comment
  • Replies 6
  • Views 644
  • Created
  • Last Reply

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.