Jump to content

Product Description Spacing Issue


justmeagain

Recommended Posts

Hi

I've tried searching for an answer but can't seem to find any similar problem.

This was working until recently - not sure when it changed....or what caused it

In product description (source code) I have this

<p>Light the candle and let it burn for about 20 minutes.</p>
<p>Extinguish the flame and pour a small quantity in the palm of your hand.</p>
<p>Apply freely all over the body for a sensual massage.</p>

which in product description shows as

Light the candle and let it burn for about 20 minutes.

Extinguish the flame and pour a small quantity in the palm of your hand.

Apply freely all over the body for a sensual massage.

Nicely spaced and easy to read

However this doesn't translate to the prodcut description on my shop (see image)

Now to get it nicely spaced I have to put

<p>  </p> with a space

Anybody have any ideas what has gone wrong?.....and more importantly how to put it right.

 

I know it is going to be something very simple and stupid I've done

 

Thanks in advance

 

Running ps 1.7.8.0
 

Screenshot 2021-10-25 111917.png

Screenshot 2021-10-25 112503.png

Link to comment
Share on other sites

The spacing in your backoffice is determined by TinyMCE in the Prestashop settings. The spacing in your shop is determined by your theme. So you need to change it in your theme. Many themes provide some kind of override file for this. But you can also change the corresponding css file directly (that will create  problems with upgrades.). 

To find the concerning css file you should rightclick the area in your browser and select Inspect. That will bring you a screen like in the picture below. As you see, on the left side a line with "<p>" is selected. That is the line for which the right side shows the settings and the files where they are stored. As you can see the margin for that <p> is set on line 517 in global.css. When you move your mouse over "global.css" you will see exactly where it is situated in the directory structure.

style.thumb.jpg.62ee079a596d8f400be4c3861d001f4b.jpg

 

Link to comment
Share on other sites

Hi

Thank you for your answer - I use the default theme that comes with Prestashop - so if you have any advice on what I've changed/aletered/deleted/renamed/moved and where to find it there - much appreciated.

 

Not overly keen on changing things that may affect updates but doing it that way points me to /my-shop/themes/classic/assets/cache/theme-1d1be619.css line 7

Looking in this file line 7 has nearly a quarter of a million characters - so I'm not going anywhere near it :)

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...