Return to previous page

Buttons out of position after translation?

This topic has 8 replies, 3 voices, and was last updated 8 years, 5 months ago ago by Jack Richardson

bikinha

Participant

May 27, 2016 at 09:32

Hi there.

I am translating the theme bit by bit and testing as i go – i found a bug i need to fix.

When you add a product to the cart, a small popup window appears confirming it has been done, and aksing wether you want to checkout or continue shopping.

After i translated this part, the two buttons are now out of sync, one placed lower than the other all of a sudden, which looks really unprofessional. I don’t know why this happens. Even if i translate back to the original english words from the theme, they stay out of position now, so it can’t be a question of using words that are too many letters making them too long to fit.

You can try it yourself by navigating to this page and adding the product to the cart:

http://www.bikinha.dk/produkt/bumboleta-blackberry/

Please let me know how to fix this asap.

Thanks.

#127373 Copied Theme version: 2.8 WooCommerce version: 2.5.5

7 Answers
Eva Kemp

Support staff

May 27, 2016 at 10:32
Hello,

Try to use this code in Custom CSS for desktop:
```
.emodal .emodal-title {
    float: left;
    margin-right: 20px !important;
}
```
Regards,
Eva Kemp.
#127382 Copied
bikinha

Participant

May 30, 2016 at 11:37

Hi Eva.

This helped in regards of the bottons, they are now aligned.

BUT, the text (“product added to card”) show under the product title in the same popup, has now been pushed out to the right instead of under the title like before, which looks kinda silly.

How do i get that back in place?

Thanks.

#127524 Copied

Jack Richardson

Support staff

May 30, 2016 at 11:52

Hello,

Have you modified original theme files?
Please provide us with FTP credentials.

Best regards,
Jack Richardson.

#127531 Copied

bikinha

Participant

May 30, 2016 at 15:00

No i haven’t – i didn’t touch any custom coding.

Please, contact administrator
for this information.

#127602 Copied Theme version: 2.8 WooCommerce version: 2.5.5

Eva Kemp

Support staff

May 30, 2016 at 18:34

Hello,

The reason is your translation “blev tilføjet til din indkøbskurv” is short.
Add at least one word and the text will be displayed properly.
In this case you don’t need to use custom css code.

Regards,
Eva Kemp.

#127632 Copied

bikinha

Participant

June 5, 2016 at 13:22

This still hasn’t been resolved im afraid. It works on some products but not all. I just encountered this, even after i have put the custom css into the custom css for desktop as you told me:

And i also tried putting one more word into the sentence in order to make it longer, and it still doesn’t display properly.

What shall i do to solve these issues?

#128474 Copied Theme version: 2.8 WooCommerce version: 2.5.5

Jack Richardson

Support staff

June 6, 2016 at 09:26

Hello,

I don’t see new word in the text “blev tilføjet til din indkøbskurv”.
Please add some word and remove custom css code.

Best regards,
Jack Richardson.

#128513 Copied
Viewing 8 results - 1 through 8 (of 8 total)