Hello all,
I’m trying to figure out how to get spaces between paragraphs on my collection pages.
for example when I type it out like this:
It shows on the site like this:
Notice that there isn’t any return space between the two paragraphs?! I’ve tried just hitting enter, shift eneter,
,, nothing seems to be adding space to the text!Anyone have any solutions or help?
What’s the CSS display behavior of the parent element? If it’s something like flex it might be doing this. Hard to say without a store link.
I have no idea what any of that means aha.
Here is a link to one of the collections though.
https://1584miniatures.ca/collections/artisan-guild
There should be a paragraph break right here:
In your theme code there should be a file called pre_theme.scss
If you add this to the bottom of that file it should work:
.mg__0 {
white-space: pre-wrap;
}
If the above causes any issues, you can use a more specific selector like this instead:
.template-collection .page-head .mg__0 {
white-space: pre-wrap;
}
It worked! Thank you so much!