Skip Navigation

Home › Support › English Support › [Closed] There are some random elements on certain pages

[Closed] There are some random elements on certain pages

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.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 17:00 10:00 – 17:00 10:00 – 17:00 10:00 – 17:00 10:00 – 17:00 -
- 18:00 – 19:00 18:00 – 19:00 18:00 – 19:00 18:00 – 19:00 18:00 – 19:00 -

Supporter timezone: Asia/Kathmandu (GMT+05:45)

This topic contains 5 replies, has 1 voice.

Last updated by Shekhar Bhandari 1 month, 2 weeks ago.

Assisted by: Shekhar Bhandari.

Author Posts
April 12, 2025 at 4:32 pm #16925494

mirteM

Background of the issue:
I’m experiencing an issue on the French login page at hidden link. There are unexpected <br> elements appearing around the content, but this issue doesn’t occur on the main Dutch page at hidden link. I’ve checked the page setup and translations but can’t identify the source of the problem. It is not an issue in the translations itself.

Symptoms:
Unexpected <br> elements are appearing on the French login page, which do not appear on the Dutch page.

Questions:
Why are there unexpected <br> elements on the French login page?
How can I resolve the issue of unexpected <br> elements appearing on the French page?
April 12, 2025 at 4:36 pm #16925545

mirteM

I have actually had a similar issue on other pages and I did this:
.woocommerce-shipping-fields br {
display: none;
}

However I do not think this ideal. Something is causing it
April 13, 2025 at 9:37 am #16926263

mirteM

this is the complete html for this section for you as a reference:

<form class="woocommerce-form woocommerce-form-login login" method="post" novalidate="">
<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
				<label for="username">Identifiant ou e-mail <span class="required" aria-hidden="true">*</span><span class="screen-reader-text">Obligatoire</span></label><br>
				<input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="username" id="username" autocomplete="username" value="" required="" aria-required="true">			</p>
<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
				<label for="password">Mot de passe <span class="required" aria-hidden="true">*</span><span class="screen-reader-text">Obligatoire</span></label><br>
				<span class="password-input"><input class="woocommerce-Input woocommerce-Input--text input-text" type="password" name="password" id="password" autocomplete="current-password" required="" aria-required="true"><button class="show-password-input" aria-label="Afficher le mot de passe" aria-describedby="password"></button></span>
			</p>
<p class="form-row">
				<label class="woocommerce-form__label woocommerce-form__label-for-checkbox woocommerce-form-login__rememberme"><br>
					<input class="woocommerce-form__input woocommerce-form__input-checkbox" name="rememberme" type="checkbox" id="rememberme" value="forever"> <span>Se souvenir de moi</span><br>
				</label><br>
				<input type="hidden" id="woocommerce-login-nonce" name="woocommerce-login-nonce" value="897fc52274"><input type="hidden" name="_wp_http_referer" value="/fr/mon-compte/">				<button type="submit" class="woocommerce-button button woocommerce-form-login__submit" name="login" value="Se connecter">Se connecter</button>
			</p>
<p class="woocommerce-LostPassword lost_password">
				<a href="<em><u>hidden link</u></em>">Mot de passe perdu ?</a>
			</p>
</form>

for the time being I fixed both by doing this:

/** random linebreak elements **/
.woocommerce-shipping-fields br {
  display: none;
}
.woocommerce-form-login br {
    display: none;
}
/***/
April 16, 2025 at 4:54 am #16936538

Shekhar Bhandari
WPML Supporter since 03/2015

Languages: English (English )

Timezone: Asia/Kathmandu (GMT+05:45)

Hi there,

I'm happy to help you further with this issue.

Are you using WooCommerce Blocks for the pages? Additionally, can you make a small change on the original language page and update the translations to see if it helps?

Further, Have you tried disabling all non-WPML plugins, switching to one of the default themes, and checking whether the issue still persists or not?

Please remember to create a backup of your site (both files and the database) before making any updates or changes. This is always a good practice.

Look forward to your reply.

Thanks
April 17, 2025 at 5:06 pm #16945415

mirteM

It is not a block theme and I don't change the Woocommerce template files. That would involve going into the theme files. Not a too smart idea.
The theme creator uses default Woocommerce template files.
April 18, 2025 at 6:37 am #16946329

Shekhar Bhandari
WPML Supporter since 03/2015

Languages: English (English )

Timezone: Asia/Kathmandu (GMT+05:45)

Hello there,

To debug this issue further, I would need to check your site settings once, for this I would need temporary access (wp-admin and ftp) to your site.

So could you please provide me with those details, you will find the needed fields for this below the comment area when you log in to leave your next reply.
hidden link

This info is private and available to you and WPML supporters only.
Read more about this: https://wpml.org/purchase/support-policy/privacy-and-security-when-providing-debug-information-for-support/

Note:
Backup your sites before providing the credentials or if possible provide credentials for the test site

Look forward to your reply.

Thanks

The topic ‘[Closed] There are some random elements on certain pages’ is closed to new replies.