The Events Calendar weird spacing and ::before underscore on category listings

• 

  amberroses · Member · Sep 5, 2024 at 5:16 pm

  • Copy link
  • Add topic to favorites

  I just downloaded The Events Calendar and noted a few weird spacing issues. In the listing for showing all the events listed, they’re weirdly spaced so the word is broken up and thin

  

  The the Categories like Phone and Date and Time all have a very weirdly placed underscore that ends up going through the beginning of the word.

  

  I tried to inspect the area and it looks like there’s a ::before code there. I’ve currently turned off the no right click and one of the trial event listings is https://nativeamericanmuseum.org/event/trial-event/
  
  Is this something I can fix or is it something that I need to wait for an update? The plug-in only has support for the subscription version.

  The blog I need help with is: (visible only to logged in users)

• 

  amberroses · Member · Sep 5, 2024 at 8:32 pm

  • Copy link

  I did find one answer so far! With the odd “-” overlaying on a lot of the details, went into the CSS and added
  

  dl dt::before {
  content: “”;
  position: absolute;
  width: 1.25em;
  height: 0px;
  bottom: calc(1.25em – 6px);
  left: 0;
  background: #313131;
  }

  No more weird dashes.