Gazette Cover Page editing

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

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

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

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.

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

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