If you’re just looking to adjust the font size, this should work:
.mtphr-dnt-tick,
.mtphr-dnt-tick a {
font-size: 25px;
}
I have tested it directly on your site.
Keep in mind that css selectors may need to be more specific depending on your theme, so you can’t always just re-use css that has been suggested for others. The Ditty News Ticker classes will always be the same, but you may have theme styles that are already targeting specific elements that are more specific than just the generic class of the ticker.
For instance, if your theme had this style:
#content a {
font-weight: bold;
color: green;
}
You would need to add the following css to override your font styles (for tickers located within the #content div):
#content .mtphr-dnt-tick a {
font-weight: normal;
color: red;
}
as opposed to just:
.mtphr-dnt-tick a {
font-weight: normal;
color: red;
}
Hi metaphorcreations – firstly thank you so much for the detailed response and prompt help – much appreciated.
I did try the first suggestion:
.mtphr-dnt-tick,
.mtphr-dnt-tick a {
font-size: 25px;
}
and it still does not work unfortunately. I’ve tried a number of things but not sure what to do next. It’s a great addition to our website, I just need it more prominent!
Cheers!
Terry
It looks like you have another set of custom css, probably set through your theme settings, that is overriding the css you set in the News Tickers > Settings page. This is the css I’m seeing output along with a bunch of other css:
.mtphr-dnt-tick,.mtphr-dnt-tick a {font-size: 14px;font-weight: 300;color: #352984 !imporant;}
If for some reason you don’t have access to remove this, then you can modify what I gave you above to resemble the other example which will create a more specific selector and override the other custom css that comes after:
#content .mtphr-dnt-tick,
#content .mtphr-dnt-tick a {
font-size: 25px;
}
