What css should I apply to create a ticker that resembles the top ticker on dittynewsticker.com?
First, in your ticker’s Global Settings enable the Display title & Inline 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.