You can't change/translate the text because the advertisers need them to show like so, but , you can edit everything else with custom css.
Thank you for your comment. I didn't know that.
In CSS there is text:
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,300,200);
.lockerBackground {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.8;
display: none;
z-index: 9999998;
}
.lockerPopup {
height: auto;
z-index: 9999999;
top: 50%;
left: 50%;
position: fixed;
}
.lockerPopup .header {
text-align: center;
font-weight: bold;
font-family: 'Source Sans Pro', sans-serif;
}
.lockerPopup .content {
text-align: center;
font-family: 'Source Sans Pro', sans-serif;
}
.lockerPopup .footer {
font-family: 'Source Sans Pro', sans-serif;
text-align: center;
}
.lc-checks {
list-style: none;
margin: 0;
position: relative;
font-family: 'Source Sans Pro', sans-serif;
}
.lc-checks li {
position: relative;
cursor: hand;
text-align: center;
display: block;
}
/* Animation & Spinner */
.animated {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translate(-50%, -2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-50%, -53%)
}
80% {
-webkit-transform: translateY(-50%, -51%)
}
100% {
-webkit-transform: translate(-50%, -50%)
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translate(-50%, -2000px)
}
60% {
opacity: 1;
transform: translate(-50%, -53%)
}
80% {
transform: translate(-50%, -51%)
}
100% {
transform: translate(-50%, -50%)
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}/* Small Screen */
@media only screen and (min-device-width: 560px) and (max-width:800px) {
.lockerPopup .header { font-size: 18pt; }
.lc-checks li { padding: 5px; margin: 15px; }
}
/* Large Screens */
@media only screen and (min-width:800px) {
.lockerPopup{ min-width: 600px; }
.lockerPopup .header{ font-size: 26pt; }
.lockerPopup .content{ font-size: 18px; }
.lockerPopup .footer{ font-size: 17px; }
.lc-checks { padding: 20px 0; }
.lc-checks li { padding: 15px 0; width: 90%; margin-left: 5%; }
}
/* You may change these styles */
.lockerPopup{
background-color: #0b6561;
border-radius: 0 0 20px 20px;
display: inline;
}
.circle{
width: 100px;
height: 100px;
background: #1AAFA8;
position: absolute;
margin-left: -55px;
margin-top: -28px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.lockerPopup .header{
padding: 10px;
background-color: #1AAFA8;
color: #315965;
}
a { color: #315965; }
.lockerPopup .content{
color: white;
font-weight: 300;
padding: 30px 30px 0px 30px;
}
.lockerPopup .footer{
font-size: 17px;
margin-left: calc(50% - 120px );
padding: 15px 0px 15px 10px;
font-weight: 600;
width: 240px;
height: 25px;
color: #0C5552;
background-color: #1AAFA8;
}
.lc-checks {
padding: 20px 0;
}
.lc-checks li {
background-color: rgb(26, 175, 168);
border-radius: 30px;
margin-bottom: 10px;
font-weight: 800;
}
.circle {
background: #1AAFA8;
}
/* Animation & Spinner */
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.cssload-loader {
margin: -6px 9px;
width: 35px;
height: 35px;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
perspective: 780px
}
.cssload-inner,
.cssload-loader {
position: absolute;
border-radius: 50%
}
.cssload-inner {
width: 100%;
height: 100%;
box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%
}
.cssload-inner.cssload-one {
left: 0;
top: 0;
animation: cssload-rotate-one 1.15s linear infinite;
-o-animation: cssload-rotate-one 1.15s linear infinite;
-ms-animation: cssload-rotate-one 1.15s linear infinite;
-webkit-animation: cssload-rotate-one 1.15s linear infinite;
-moz-animation: cssload-rotate-one 1.15s linear infinite;
border-bottom: 3px solid #0b6561
}
.cssload-inner.cssload-two {
right: 0;
top: 0;
animation: cssload-rotate-two 1.15s linear infinite;
-o-animation: cssload-rotate-two 1.15s linear infinite;
-ms-animation: cssload-rotate-two 1.15s linear infinite;
-webkit-animation: cssload-rotate-two 1.15s linear infinite;
-moz-animation: cssload-rotate-two 1.15s linear infinite;
border-right: 3px solid #0b6561
}
.cssload-inner.cssload-three {
right: 0;
bottom: 0;
animation: cssload-rotate-three 1.15s linear infinite;
-o-animation: cssload-rotate-three 1.15s linear infinite;
-ms-animation: cssload-rotate-three 1.15s linear infinite;
-webkit-animation: cssload-rotate-three 1.15s linear infinite;
-moz-animation: cssload-rotate-three 1.15s linear infinite;
border-top: 3px solid #0b6561
}
@keyframes cssload-rotate-one {
0% {
transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
}
100% {
transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
}
}
@-o-keyframes cssload-rotate-one {
0% {
-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
}
100% {
-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
}
}
@-ms-keyframes cssload-rotate-one {
0% {
-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
}
100% {
-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
}
}
@-webkit-keyframes cssload-rotate-one {
0% {
-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
}
100% {
-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
}
}
@-moz-keyframes cssload-rotate-one {
0% {
-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
}
100% {
-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
}
}
@keyframes cssload-rotate-two {
0% {
transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
}
100% {
transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
}
}
@-o-keyframes cssload-rotate-two {
0% {
-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
}
100% {
-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
}
}
@-ms-keyframes cssload-rotate-two {
0% {
-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
}
100% {
-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
}
}
@-webkit-keyframes cssload-rotate-two {
0% {
-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
}
100% {
-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
}
}
@-moz-keyframes cssload-rotate-two {
0% {
-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
}
100% {
-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
}
}
@keyframes cssload-rotate-three {
0% {
transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
}
100% {
transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
}
}
@-o-keyframes cssload-rotate-three {
0% {
-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
}
100% {
-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
}
}
@-ms-keyframes cssload-rotate-three {
0% {
-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
}
100% {
-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
}
}
@-webkit-keyframes cssload-rotate-three {
0% {
-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
}
100% {
-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
}
}
@-moz-keyframes cssload-rotate-three {
0% {
-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
}
100% {
-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
}
}
/* Locker Tweaks */
.circle {
background-color: #CEB5A2 !important;
box-shadow: 3px 3px 10px #333333 !important;
}
.header {
color: #333333 !important;
background-color: #CEB5A2 !important;
}
#contentLocker {
background-color: #797979 !important;
}
.footer {
background-color: #CEB5A2 !important;
color: #333333 !important;
}
.cssload-inner.cssload-one {
background-color: #000000 !important;
}
.cssload-inner.cssload-two {
background-color: #FFFFFF !important;
}
.cssload-inner.cssload-three {
background-color: #2ba9d2 !important;
}
.lc-checks a {
text-decoration: none !important;
color: #797979 !important;
}
.lc-checks a:hover {
background-color: #CEB5A2 !important;
}
.lc-checks li {
background-color: #FFFFFF !important;
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
}
Could you please tell me what I have to change in this text to translate the "Offer incomplete!" and "Complete 1 of the offers to unlock the content." ?
Regards mate