What css should I apply to create a ticker that resembles the top ticker on dittynewsticker.com?

Last Updated: September 16th, 2022

First, in your ticker’s Global Settings enable the Display titleInline title options.

Then, copy and paste the following styles into your News Tickers > Settings > Custom CSS field. Be sure to replace the ??? with the post id of your ticker. This is the same number as the id in the generated shortcode.

#mtphr-dnt-??? {
    font-size: 12px !important;
    line-height: 1 !important;
    background: #FAFAFA;
    border: 1px solid #F1F1F1;
    padding: 10px;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#mtphr-dnt-??? .mtphr-dnt-tick,
#mtphr-dnt-??? .mtphr-dnt-tick a {
  font-size: 12px !important;
  line-height: 1 !important;
}
#mtphr-dnt-??? .mtphr-dnt-inline-title {
  font-size: 12px !important;
  line-height: 12px !important;
  font-weight: bold !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

This should get you pretty close, but may not be perfect as every theme has different styles applied to them that may affect the looking and styles of the tickers included on your site.