Buttonizer issues with translatepress

FFajas · May 14, 2023

Hello,

I have recently encounter an issue between buttonizer and translatepress, we just enable automatic translation with google translate api and everything was working fine until we realize that the button when we translate from spanish to english, the size changes and it looks horrible, i am not entirely sure how to fix it, i do know my way around wordpress and plugins but i am not an expert in coding.

Besides the size problem, I am curious why the first letter in "Product" is not a capital letter while the other ones are capital letter.

Here is an image that you can see the problem:

I can provide access in private to the website if needed.

FFajas · May 18, 2023

Hello,

I was wondering if there was any chance to get a reply.

James · May 22, 2023

Hi Fajas ,

Thanks for reaching out to us and sorry for the late reply! We were on a break last week.

It seems like the cause of this issue is a conflict between TranslatePress and our setting, "Make all labels have same width".

We make the width of our labels have the same width using a JavaScript function. I'm guessing that what's happening here is that TranslatePress is changing the label while our function is calculating the width so it ends up with the incorrect width.

You can perhaps add this custom CSS to your site:

.buttonizer-group {
    width: 230px;
}
.buttonizer-button {
    width: 100% !important;
}

This should make your buttons have the same width. We will perhaps improve our setting so that it can be compatible with TranslatePress in the future.

Please let me know if this works for you!