different display between languages
Hello
I have a problem: I have a difference in the display between the original language (Italian) and its translations. The "hover" element does not appear and the text is white instead of black.
I don't see anything in my custom css that causes the problem
(at the end of the message).
Here is the original page:
https://www.breatharianworld.com/brahman-menor/
and the translation
breatharianworld.com/en/brahman-menor/
thanks in advance for your help.
nice evening
--------------------------------------------------------custom css-----------
body:not(.template-slider) #Header {
min-height:auto !important;
}
.newicon {
font-size: 33px;
}
.newsletter form {
text-align: center;
}
.newsletter form .wysija-input {
display: block;
text-align: center;
width: 40%;
margin: 20px auto;
}
.newsletter form input.wysija-submit.wysija-submit-field {
display: block;
width: 20%;
margin: 20px auto;
background:#1D3D76;
font-size:24px;
}
div#Content {
background-color: #fff;
}
.rond-text0 {
background-image : url(https://www.breatharianworld.com/wp-content/uploads/2017/07/00.png);
;){kind=link}
background-repeat: no-repeat;
display:inline-block;
position: absolute;
width: 100%;
height: 100%;
}
.rond-text1 {
background-image : url(https://www.breatharianworld.com/wp-content/uploads/2017/07/01.png);
;){kind=link}
background-repeat: no-repeat;
display:inline-block;
position: absolute;
width: 100%;
height: 100%;
margin-left:3px;
margin-top:-2px;
}
.rond-text2 {
background-image : url(https://www.breatharianworld.com/wp-content/uploads/2017/07/02.png);
;){kind=link}
background-repeat: no-repeat;
display:inline-block;
position: absolute;
width: 100%;
height: 100%;
margin-left:3px;
margin-top:-2px;
}
.rond-text3 {
background-image : url(https://www.breatharianworld.com/wp-content/uploads/2017/07/03.png);
;){kind=link}
background-repeat: no-repeat;
display:inline-block;
position: absolute;
width: 100%;
height: 100%;
margin-left:3px;
margin-top:-8px;
}
.rond-text4 {
background-image : url(https://www.breatharianworld.com/wp-content/uploads/2017/07/04.png);
;){kind=link}
background-repeat: no-repeat;
display:inline-block;
position: absolute;
width: 100%;
height: 100%;
margin-left:3px;
margin-top:-2px;
}
.circle-image img{
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
}
.number-wrapper .number,
.number-wrapper .label{ color: #c327e7; font-size: 40px;}
.my-class-big-font { font-size:150% !important; font-weight:bold; }
h4 { margin-top:9px; }
Comments
Hi,
It seems that all color settings are missing.
Please, edit the English version of this page, check if the colors settings are set, and update the page.
Thanks
Hello
I just fixed the problem: it was coming from WPML.
I'm sorry and thank you ;-)
No problem.
Good to hear that you manage to fix this problem.
Thanks