Skip Navigation

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

Tagged: 

This topic contains 21 replies, has 3 voices.

Last updated by Carlos Rojas 7 months ago.

Assisted by: Carlos Rojas.

Author Posts
April 8, 2024 at 12:27 pm #15494077

andreaB-8

I've 2 issues with layout... items showed in box in home pages have strange spaces

Check in Home page EN
hidden link
in "Our treatments" area blocks have white spaces.. even if I've all same blocks that I've in Italian version
hidden link
So I've 10 block like in IT but with empty spaces... can you fix?
Check attached image

Same issue in this page
hidden link
I've empty areas not filled (check second image attached)

Thanks

Screenshot 2024-04-08 alle 14.08.52.png
Screenshot 2024-04-08 alle 13.48.23.png
April 9, 2024 at 1:21 am #15496377

Bobby
Supporter

Languages: English (English )

Timezone: America/Los_Angeles (GMT-08:00)

Hi there,

Are you still experiencing this issue? When I visit your site I can see the "Our Treatments" section is showing correctly for both languages.

Screen Shot 2024-04-08 at 6.20.53 PM.png
April 9, 2024 at 7:30 am #15497154

andreaB-8

Yes, Home Page is OK, please check there pages like this

hidden link

in bottom area, images boxes are like my attached image

April 9, 2024 at 3:16 pm #15500177

Carlos Rojas
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/Madrid (GMT+01:00)

Hello,
My name is Carlos and I will continue with this ticket

As a workaround you could change the width in the CSS class .col-md-4 to 32.33333%, from:

@media (min-width: 992px){
.col-md-4 {
    width: 33.33333333%;
}
}

to:

@media (min-width: 992px){
.col-md-4 {
    width: 32.33333333%;
}
}

However, I'd recommend you to start by following these steps:
- Create a full backup of the site
- Update any outdated plugins and themes, especially the WPML plugins
- Flush any cache memory that might exist
- Edit the page in the original language
- Make a small change to the content
- Save the changes
- Update the translation
- Double-check if the issue disappeared

Could you tell me the results of the steps described above?

Regards,
Carlos

April 9, 2024 at 4:06 pm #15500333

andreaB-8

Thanks friend I think that there is another CSS issue:

WP Forms layout is. missed in EN version... IT is perfect

IT:
hidden link

EN:
hidden link

AND

IT:
hidden link

EN: missed
hidden link

How can I have same layout that I've in Italian pages forms for English pages?

Thanks!!

April 10, 2024 at 9:11 am #15503138

Carlos Rojas
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/Madrid (GMT+01:00)

Hi there,

Are these pages created using KingComposer?

April 10, 2024 at 9:56 am #15503593

andreaB-8

Pages yes, but in pages we've WPForms tag...

April 10, 2024 at 10:16 am #15503673

Carlos Rojas
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/Madrid (GMT+01:00)

Thank you for your feedback.

I kindly ask you to reach KingComposer support service and ask them to check on their side, because KingComposer is not validated by our compatibility team and had issues in the past with the translated layouts. They should be able to provide an accurate solution to this issue.

April 10, 2024 at 10:28 am #15503771

andreaB-8

They replied that we've refer to WPML cause of is WPML that needs to manage process.
So please tell me why in ITA is all OK and when I check translation layout of WPFORMS become missed and bad. Please find a way for have same layout of ITA version.
Thanks!

April 10, 2024 at 10:31 am #15503784

Carlos Rojas
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/Madrid (GMT+01:00)

Hi there,

In this case, I need to ask you to follow these steps in order to isolate the cause of the issue:
- Create a full backup of the site or create a staging site with a copy of the live site
- Update any outdated plugins or themes
- Flush any cache memory that might exist
- Deactivate all plugins, including the WPML ones
- Activate a default WordPress theme, like Twenty Twenty
- Activate the WPML plugins and WPForms
- Create a new test page (without using KingComposer) -> Add the form -> Save the changes and translate the page
- If the issue with the form style disappeared, start by activating the theme and then the rest of the plugins, one by one, until the issue appears again and you find the culprit.

Could you tell me the results of the steps described above?

April 10, 2024 at 10:38 am #15503844

andreaB-8

OK but even if issue there isn't with standard theme.... we need a way for resolve this point with my current site. So please help me finding a way!

April 10, 2024 at 10:39 am #15503847

andreaB-8

For example forcing CSS to use for form layout

April 10, 2024 at 10:52 am #15503959

Carlos Rojas
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/Madrid (GMT+01:00)

First, we need to find the cause of the issue. The steps I described will help us isolate which functionality is causing this problem and therefore it will indicate us how to proceed.

April 10, 2024 at 12:37 pm #15504772

andreaB-8

Yes if I delete all it works!

April 11, 2024 at 10:16 am #15508386

Carlos Rojas
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/Madrid (GMT+01:00)

I understand that if only the WPML plugins are activated, and a new test page is created, then the issue disappears.

If the above is correct, then the cause of the issue is not the WPML plugins. I recommend you to start activating the theme and the plugins, one by one, until the issue appears again and you find the culprit.