Spaces in listings

[Marcus57]

Hello. When I put spaces it doesn't rectify on the front end of the shop. I can fix this by using BR codes but is there a quicker way than going and putting in 50 BR codes for every listing?

[nutxlago]

Hi, Marcus57,

what kind of spaces?

From 1.6.0.8 Ps has a feature called Html purifier library enabled by default. Perhaps it is getting rid of the spaces you want. You can disable it and test. It is in (Edited: )preferences > General . Let us know.

Edited September 30, 2014 by nutxlago (see edit history)

[nutxlago]

Could you provide a screenshot with the changes you want to make?

[Marcus57]

Basically when I want spaces between paragraphs and etc they don't show on the actual site.

 

Disabling that thing didn't change anything. 

[nutxlago]

And in advanced parameters > performance > disabling HTML reducer?

 

Edited: Remember to always disable any form of cache in performance as well to let PSto compile with the new changes.

Edited September 30, 2014 by nutxlago (see edit history)

[Marcus57]

 

Sapces in the back office aren't showing in the front. 

 

edit: I didn't see that option so tried saying no to 'minify html' that didn't do anything either.

 

where do I edit psto?

Edited September 30, 2014 by Marcus57 (see edit history)

[nutxlago]

Sorry PSto is "PS to" ( I have a problem with my space bar  ).

 

Yes, the right option is "Minify HTML". HTML Purifier is deleting your br's but none of them won't be disabled if cache is still enabled.

 

You can put br's manually in Editor (write something and go to the tinymice editor's Tools (source code) or something similar. Check br's are there, disable html purifier library and check what's happening in frontoffice.

[Marcus57]

Well they're updating to have BR now I thought maybe it would auto update them all at once but it seems I'll have to go through hundreds of listing and manually edit them :\

 

they were all fine before the upgrade to 1.6

Edited September 30, 2014 by Marcus57 (see edit history)

[nutxlago]

You could edit your p in css and add a padding (bottom or whatever). But you should add it gobally, so that all the p's will be changed or add that padding to each p inside the divs you want to show the new css rule. Lots of br's around is not the best solution to your issue.

Edited September 30, 2014 by nutxlago (see edit history)

[Marcus57]

where do I edit all css at once?

[nutxlago]

Use your brower's code inspector. Chrome and firefos offer you to inspect the code right in the mouse right click on the page element.

 

That should open a bottom window. There you can see which css rules are applied to each element on the page. On the right side, Chrome's inspector will tell you which css and in which line is the css rule applied. 

 

Hint: you should disable yourcss compression in Advanced Parameters > Performance before inspecting the code, otherwise it would be difficult to identify the css file involved.

Edited September 30, 2014 by nutxlago (see edit history)

[nutxlago]

this is just an example:

 

in yourtheme/css/global.css  (in bootstrap is around line 310

 

you should find p rule, something like:

 

p {

margin: 0 0 9px;

}

 

Add a padding-bottom:

 

 

p {

margin: 0 0 9px;

padding-bottom: 7px;

}

 

 

Edited September 30, 2014 by nutxlago (see edit history)