Support » Plugin: Ditty News Ticker » Ditty News Ticker Change Text Color on Multiple Tickers

  • Hello! Love your plugin. If I create this site, I will use your Pro version.

    For now, I’m testing the free version on my site. I need a separate ticker for each slide in a slider. I’m using the “Slide Anything” slider WordPress plugin for this. I will use a different Ditty News Ticker shortcode above a different image in each slide. However, I will need a transparent background on the Ticker and a different color text for each shortcode.

    I think the ticker already has a transparent background. Please correct me if I’m wrong. If so, can you provide the CSS to change the color of the background?

    I’ve checked the forum and see the CSS for changing the text color. But I believe this is to change the universal text color. Can you provide me with the CSS to change the text color on individual ticker shortcodes?

    Is this possible?

    Thanks for a great plugin!

    The page I need help with: [log in to see the link]

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

    (@metaphorcreations)

    Here is the css you need to change the text color of specific tickers. You would just need to change the ticker ID (19698) for each set of the css:

    #mtphr-dnt-19698,
    #mtphr-dnt-19698 a{
        color: purple;
    }

    One issue I’m seeing with your setup is that the ticker javascript is triggered on page load. When using Owl Slider, many of the “slides” are created dynamically as cloned slides. When that happens the ticker scripts never get triggered and won’t run. You would have to add custom event listeners to instantiate the ticker when a slide appears https://owlcarousel2.github.io/OwlCarousel2/docs/api-events.html

    If you have a different slider option (not Owl) you may need to give that a try.d

    Thread Starter JabberJulie

    (@jabberjulie)

    Thank you for your very quick and thorough response! That’s exactly the CSS I needed.

    Am I correct in that the background of the ticker is transparent?

    Also, thank you for your suggestion to help with the issue of the ticker not being triggered in the slider. I’m using the ‘Slide Anything PRO’ slider which uses the Owl Carousel 2 jQuery plugin:

    https://edgewebpages.com/

    And, tried each of those CSS options you sent to no avail:

    https://jabberdesign.com/slide-anything-popup-preview/

    I’ll get in contact with the developers to ask about how I might make your awesome News Ticker trigger.

    Thank you!

    Plugin Author metaphorcreations

    (@metaphorcreations)

    Can you place the tickers just on the page and not within the slider? It’ll make it easier for me to see what is going on with the text color.

    You are correct that that background of the ticker is transparent by default.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Ditty News Ticker Change Text Color on Multiple Tickers’ is closed to new replies.