Ticker Seperator

  • Resolved chroli11

    (@chroli11)


    9 years, 1 month ago

    Thank you for this wonderful, simple to handle yet great looking plugin!

    I have a question on how to display a separator between individual ticks, for example: Tick 1 * Tick 2 * Tick 3
    as well as displaying an “End-of-ticker” indicator such as “<“

    The simple solution (yet bound for inconsistencies) would be to type the “*” and “<” manually but I was wondering if there was a better, automatic way to do that. While the plugin allows the space between individual ticks to be defined, is there a way to fill the space with more than ‘just” white space?

    Thanks for your help

    https://www.ads-software.com/plugins/ditty-news-ticker/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author metaphorcreations

    (@metaphorcreations)

    You could do this with custom css added to your News Tickers > Settings page. Here is an example you’ll need to modify to suit your tick size and spacing:

    .mtphr-dnt-tick {
  position: relative;
}
.mtphr-dnt-tick:after {
  content: '*';
  position: absolute;
  right: -30px;
  top: 8px;
}
.mtphr-dnt-tick-contents .mtphr-dnt-tick:last-child:after {
  content: '<';
}
    Thread Starter chroli11

    (@chroli11)

    Implemented your css code with a few alterations to suit my ideal and it works great.
    Many many thanks for your promt assistance!

    ps.
    ‘<‘ causes the entire css code block to display in the ticker.
    ‘*’ works just fine…

    Plugin Author metaphorcreations

    (@metaphorcreations)

    Ok, glad to help out!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Ticker Seperator’ is closed to new replies.

Tags