Bullet Point Rendering in Event Description

Ask the Community General Questions
1

How can I get bullet points on event descriptions to render properly?

The back-end of the widget looks like this:

image
image388×596 21.1 KB

But the front-end UI looks like this:

image
image850×557 91.4 KB

Thank you in advance for your help!

3

Hi there, @pammy51788 :waving_hand:

This issue occured because of the conflict with the website styles. To fix it, please add the code below to the Custom CSS field on the Style tab of your widget’s settings:

@external {
  .eapp-events-calendar-popup-item-component *:is(ul, li) {
    list-style: unset !important;
  }

  .eapp-events-calendar-popup-item-component *:is(ul, ol) {
    padding-left: 40px !important;
  }
}

Give it a try and let me know if it helped :slightly_smiling_face:

4

Max, thank you for being the wizard that you are! It worked great. Thank you again!

5

Thank you so much for you kind words, I am really happy to know it’s fine now!

If any questions come up in the future, I’ll be delighted to help again :blush: