Something like this will work… adjust as needed:
#mtphr-dnt-77 {
padding: 0 50px;
}
#mtphr-dnt-77 .mtphr-dnt-nav-prev {
left: -50px;
}
#mtphr-dnt-77 .mtphr-dnt-nav-next {
right: -50px;
}
Awesome! That worked. Thanks for the super-fast response!
Question… now that the overlap is fixed… the nav arrows are not aligned with the slider text (slightly below). What’s the CSS I need to tinker with to affect that positioning? (And notice that the nav arrows “jump” to a new position a couple of seconds after loading)
Thanks!
David
Awesome! That worked. Thanks for the super-fast response!
Question… now that the overlap is fixed… the nav arrows are not aligned with the slider text (slightly below). What’s the CSS I need to tinker with to affect that positioning? (And notice that the nav arrows “jump” to a new position a couple of seconds after loading)
Thanks!
David
You could add this:
#mtphr-dnt-77 .mtphr-dnt-nav-prev,
#mtphr-dnt-77 .mtphr-dnt-nav-next {
margin-top: -28px;
}
This may help with the arrow jumping as well… that happens because the text doesn’t display initially, and when it does it makes the container height taller.
Also, it looks like you’ve placed your ticker within an <h4> tag, which should be removed.
Thanks, that worked!
If I remove the <h4> tag that is around the ticker shortcode, the ticker text disappears (I presume because the text is dark). How do I use CSS to edit the font size, weight and color so I can give it the same appearance as the inline title?
Try:
#mtphr-dnt-77 .mtphr-dnt-tick,
#mtphr-dnt-77 .mtphr-dnt-tick a {
font-size: 22px;
font-weight: bold;
color: #FFFFFF;
}
Adjust as needed.
Thanks!
If we purchase the posts ticker, can we keep this same appearance?
Yes, it should basically stay the same. There are a few more elements contained within each post “tick” so you may need to add a little more css, but the general rotator and text will remain unchanged.
