HTML not working in certain copy areas?

Backlight 4, 5 & 6 Support
#1

Hello,

Is there possibly a problem with my Backlight installation? I am finding that certain HTML behaves inconsistently across different content areas — and the pattern varies depending on the HTML. This test page displays the overall pattern:

https://hrphotos.wedelberg.net/galleries/the_photos/group_x/

There, I copied and pasted the same test HTML ((shown below) into various copy locations, with the following results:

  • Unordered list in main copy vs pallets:
    The unordered list displays properly when it is in the main copy areas of both the album template and the album, but not in pallet 01 or pallet 02 of the album template or album.

  • Emdash in album template vs album copy areas:
    The emdash displays properly when it is in the main copy area, pallet 01, or pallet 02 of the album template, but not in the main copy area, pallet 01, or pallet 02 of the album itself.

So here’s the test code I used in all those positions:

UNORDERED LIST:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
EMDASH:  &mdash;
<br>
<br>

I didn’t know what to make of it, or how to fix it. Thanks in advance for any help anyone can offer.

Best,
Walter

#2

The HTML is entirely fine in all places. What you’re observing is are differences in styling those areas, and that’s intentional. Nor is it going to change, as such a change would break many, many websites already design around the current set of expectations.

If you want different styling in one area or another, you are able to provide your own CSS via a custom stylesheet.

#3

The only thing that doesn’t make sense to me is the &mdash;

#4

Thanks for replying so quickly, Matthew. And thanks for pointing me in the right direction. I will work with a custom css style sheet. It makes total sense that styling defaults need to stay where they are, so as not to break existing sites.

Walter