Offset contained product page

Yellomoon

Hey,

I have a little problem on the product page.
When I logged in to the backoffice, I see the product correctly.
When I go on the site (decoonecté) the contents of the product page is shifted.

See image above.

See product page live on the site

Thank you for your reply to this topic

Cordially

Image 1

Image 2

Albert

Hi,

there is a problem with your links. To send us screenshots please use http://pasteboard.co/

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Yellomoon

Hi,

Sorry... Here the links for to see screenshot

http://pasteboard.co/2qWnz8pD.jpg

http://pasteboard.co/2qWvJi4C.jpg

Thank you for your reply !

Albert

Ok, we see. Please check your html code then because you probably got errors in html and that's why it does not look good.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Yellomoon

Hi,

I'll watch and you want to know.

Thank you a lot

Yellomoon

Hello,

I looked at my html and it is very simple.
The example above:

<p><span style="font-family: verdana,geneva; font-size: 14px;"><strong>Hébergement Starter</strong></span></p>
<p><span style="font-family: verdana,geneva; font-size: 14px;">- <span style="color: #ff0000;"><strong>60 Giga SSD</strong></span></span></p>
<p><span style="font-family: verdana,geneva; font-size: 14px;">- <strong>40</strong> bases MySQL</span></p>
<p><span style="font-family: verdana,geneva; font-size: 14px;">- Memory_limit = <strong>256M</strong></span></p>
<p><span style="font-family: verdana,geneva; font-size: 14px;">- Trafic / mois = <strong>illimité</strong></span></p>
<p><span style="font-family: verdana,geneva; font-size: 14px;">- Assistance Technique <strong>7j/7</strong></span></p>
<p><span style="font-family: verdana,geneva; font-size: 14px;">- Durée : <strong>1 année</strong></span></p>

There is no connection with the html code but certainly at the CSS (stylesheet)

I do not understand why the backoffice was the product preview is correct and when it disconnects from the BackOffice, the provision falls below the product image. I speak of course of the short product description.

Thank you for your next reply

Yellomoon

see live on my web site and look at the source code and you'll see that the html is not involved

https://wp-web.fr/produit/start-ecommerce/

Albert

But you still got an errors. Some p tags are not opened/closed properly.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Yellomoon

I changed the code and it's the same result with "div" and not "p"
If not, give me an example of your code to test and see if this is the code.

Weird so I use the tinyMCE editor for the text of the brief description.

Thank you for your reply

Yellomoon

My new code

<div align="justify"><span style="font-family: verdana,geneva; font-size: 14px;"><strong>Hébergement Pro</strong></span></div>
<div align="justify"><span style="font-family: verdana,geneva; font-size: 14px;">- <span style="color: #ff0000;"><strong>60 Giga SSD</strong></span></span></div>
<div align="justify"><span style="font-family: verdana,geneva; font-size: 14px;">- <strong>40</strong> bases MySQL</span></div>
<div align="justify"><span style="font-family: verdana,geneva; font-size: 14px;">- Memory_limit = <strong>256M</strong></span></div>
<div align="justify"><span style="font-family: verdana,geneva; font-size: 14px;">- Trafic / mois = <strong>illimité</strong></span></div>
<div align="justify"><span style="font-family: verdana,geneva; font-size: 14px;">- Assistance Technique <strong>7j/7</strong></span></div>
<div align="justify"><span style="font-family: verdana,geneva; font-size: 14px;">- Durée : <strong>1 année</strong></span></div>