Problems with spacing

[jessicag1]

Why is the text on product pages losing their spacing after saving?  

This:     Sale            Wholesale            MSRP

Turns into this:   Sale Wholesale MSRP

I set everything how I like it, publish it, and then look at the page and it's all crammed together still.  So then I go back to edit the product page and all my spacing is gone.  I've tried multiple times with no change.  I tried making a new product page and still the same.  I searched and found a recomendation on here to add this code to the seo and it did not help either;

<style>
#wsite-com-product-info br
{
display:block !important;
}
</style>

After going back into the products to edit, none of the previous changes are saved.  

Also, the text is all blocked on the right side, while the photos are on the left, but there is more text than photos, so the text is just this long block on the right with dead space on the left under the photos.  How can I get the text over?

Is there another way of doing product pages?  This isn't working for me. 

[Bernadette3]

Hi @jessicag Can you post a direct link to one of your product pages so we can take a look? Thanks! 

[jessicag1]

This issue is where the wholesale/msrp pricing is listed -

This shows some spacing saved but the 2nd line iis crammed together:  https://www.composttealab.com/store/p14/LifeCube_%26_FishBall_Combo_Packs.html

This is the only product page that has kept some of the correct spacing.  

I've had to add "/" to break up the line on other items, but I don't like this look.  https://www.composttealab.com/store/p12/BubbleSnake.html

[Adam7]

Using spaces to try and line up text above other text can be problematic because spaces can be rendered differently with different fonts and browsers. In this case the font used in the product description field is not the same one used by your live site. It might work better for you if you were to add some of this info to the long description area of a product. You can actually use a table app there so it's much easier for you to line up.

https://www.weebly.com/app-center/search/table

[jessicag1]

How do I use a table app in the product editer?  There's no indication on the edit page that I can do such a thing.

This page explains how to edit a long description, and add apps:  https://hc.weebly.com/hc/en-us/articles/227180847-Add-a-Long-Description-or-Other-Elements-to-the-Pr...

But that's not what I see on my product edit pages. Here are SS of what my view is:

The top of the page...all the....way to ....the very bottom.

[jessicag1 · Accepted solution]

Weebly Chat helped me figure this out..... To add a Long Description and Elements, you must click on the three dots in the upper right corner and choose Save & View - this lets you build on the product page. 

[Adam7]

Thanks for chatting! Sometimes there are little differences in the ways that things are displayed in one account to another.