What is causing this alignment bug in the DW Headline widget in Safari?

John Basile
asked 10 years ago

The vertical alignment of the date in the Headline widget (the news ticker thing) is off in Safari… including on the Focus demo site.
Looks fine in current Chrome : http://note.io/1t2sUuG
… but here it is in Safari 7.0.6: http://note.io/1t2tEjs
Thanks for letting me know if there’s a CSS change I can make before the theme’s next update.

2 Answers

DominicStaff
answered 10 years ago

To resolve this issue, you can log in to Dashboard > Customize > Custom Code, then add the following code to the Custom wp_head() code.

<style>
.chrome #under-navigation .dw_focus_headlines .headlines .time_diff {
 top: -12px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#under-navigation .dw_focus_headlines .headlines .time_diff {
    top: 0 !important ;
}
}
</style>

Hope this helps !

John Basile
replied 10 years ago

That did the job, Dominic! Thanks very much.

DominicStaff
answered 10 years ago

Of course ! 😀 We will fix this issue for the demo.