Change FONT & COLOUR

Thanks! You need to do this through CSS. Use the custom css field in the News Tickers > Settings page. Try this example:

.mtphr-dnt {
  font-family: Times, serif;
  color: #FF0000;
}

I have tries to change the font color in the ticker. I have done it in the Settings Panel in the CSS. Here is what it looks like

.mtphr-dnt {
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
font-color: #FC6;
background: #000000;
border: 1px solid #F1F1F1;
padding: 10px;
margin-bottom: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

I want to change it from White to yellow, but no change is diplayed. Here is my URL:

https://www.southfloridaopuence.com

Do not use “font-color”, you need to use “color”.

I made the change but still no change in color ??

.mtphr-dnt {
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FC6;
background: #000000;
border: 1px solid #F1F1F1;
padding: 10px;
margin-bottom: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

You may have to target the specifically:

.mtphr-dnt a {
  color: #FC6;
}

.mtphr-dnt a {
color: #FC6;
}

Yes that worked!!!! thank you so much. I love the plugin. Is there a way to specify specific pages so it does not display on all posts and pages?

It depends how your are displaying. If you are displaying in a sidebar you will need to use a secondary plugin like WooSidebars or something else that allows you to create either new sidebars or allow you to show specific widget only on specific pages.

If you are using the direct function you’ll need to use php and some WordPress functions to have it display only on certain pages.

That’s about all I can tell you without knowing how you are displaying it.

thank you, but how i can change text position, i mean move up or down?

Do you want it to scroll up and down? Or you want to adjust where it is displayed? Can you elaborate on what you need?

You could do a few different things. You could add a top margin or padding:

.mtphr-dnt-tick { margin-top: 5px; }

.mtphr-dnt-tick { padding-top: 5px; }

Or you could try adjust the line-height:

.mtphr-dnt-tick { line-height: 30px; }