WPML automatic translation

SENAPEstudio · July 2022

Hello guys,

1) the WPML automatic translation does not work with BeTheme... in the sense that the translation is done correctly, but the configuration with the leayout does not happen, giving this result.

ORIGINAL:

TRANSLATED:

We ask for your support for correct and configuration.

2) We ask how to change the style, size and color of language specific text, also we would like that the underline NOT appear under the language / flag...

thx for your help!

Phil · July 2022

Hi,

1) Please, open the translated version of your page, click on the update button, and check if the problem persists.

2) Please, use the following CSS code:

#menu .menu-item.wpml-ls-item a::after{
   display: none!important;
}

Thanks

SENAPEstudio · July 2022

1) ok work it thx!

2) thx the underline desappear, but now how to change the style, size and color of language specific text?

Phil · July 2022

Do you mean the text for the language selection?

Please, attach a link to your website.

Thanks

SENAPEstudio · July 2022

I mean that we would like to adjust the size and thickness of the text (related only to the language section)

Here the link

https://albaequipment.senapestudio.com

Phil · July 2022

Please, use the following CSS code:

#menu .wpml-ls-item .sub-menu .menu-item span{
   font-weight: 900;
   font-size: 18px;
}

Thanks

SENAPEstudio · July 2022

Yes! Thx!

Now how can we adjust the size and thickness of the main text (1) and how can we round the corners? (2)

We are almost there.

Thanks for your fantastic support! ?

Phil · July 2022

Please, use this code:

#menu .wpml-ls-item .sub-menu{
 border-radius: 0 0 15px 15px!important;
}
#menu .wpml-ls-item > a > span{
   font-size: 25px!important;
 font-weight: 900!important;
}

You are welcome. ?

Best regards

SENAPEstudio · September 2022

Hey guys,

1) when mouse over the shadow selector keeps the corners ... how can we smooth these too?

2) in the menus appears this unpleasant 1/2 pixel overlap that creates this thin line. How can we fix it?

3) In responsive mode the language selection does not work ... can you solve this problem for us?

Thx for your support

Phil · September 2022

1) Please, check the following CSS:

#menu .wpml-ls-item .sub-menu li a{
 border-radius: 15px!important;
}

2)

#menu .sub-menu{
   margin-top: 1px!important;
}

3) I have checked the language switcher and it is working correctly.

Did you resolve that?

Best regards

SENAPEstudio · September 2022

Thx!

1) fine!

3) yes we resolved...

2) ok great now but there is another problem when the mouse goes into the "null zone" the megamenu disappears... ?

we would like to keep it 10px detached, but first we have to solve this problem that prevents us from using the megamenu

Thx for your support!

Pablo · September 2022

To remove that thin line and prevent the null-zone to appear, we have to disable whole background image box shadow.

Please, test this CSS instead of the old one.

      #menu .sub-menu{
        margin-top: 0px!important;
        background-image:unset !important;
      }

thanks

WPML automatic translation

Comments