Support Center Visit Demo License manager Buy @ envato

Offset contained product page

YellomoonYellomoon
in WooCommerce
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


Comments

  • AlbertAlbert
    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
  • YellomoonYellomoon
    Hi,

    Sorry... Here the links for to see screenshot

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

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

    Thank you for your reply !
  • AlbertAlbert
    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
  • YellomoonYellomoon
    Hi,

    I'll watch and you want to know.

    Thank you a lot
  • YellomoonYellomoon
    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
  • YellomoonYellomoon
    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/
  • AlbertAlbert
    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
  • YellomoonYellomoon
    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
  • YellomoonYellomoon
    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>
Sign In or Register to comment.