Hi, , the trending news title date and time is not coming in the same line due this, the design look very bad. It is happening only in safari browser. in crome it is working fine. To look at in detail, Look forward to have a quick solution as our website is live. Regards Alwin James
Hi Alwin,
I can not view the screenshots you provided above. because of the errors. Could you please send us again so that we can assist you better.
Please visit. in that, look for “Trending”. The alignment for training news is not correct. It is spliced in to second line. you can see the screenshot in the following URL . Please let me know in you need any other details
My apology for this late in replying. I checked your site, but I can’t find the issue that you are encountering.
More details with screenshot should be better.
you can see the screenshot in the following. The same URL i sent you in the previous mail too. Please see the trending marked in red colour rectangle box. Please see the date in the box and it is not aligned. I hope you it is clear now. look forward to hear from you urgent basis. its been more than months now.
To resolve this issue, below is our instruction:
Firstly, follow the jetpack’s guideline in the Blog article on how to use Edit CSS here. http://designwall.com/blog/using-jetpack-custom-css-for-your-wordpress-site/
Then add the code to the Edit Css.
@media screen and (-webkit-min-device-pixel-ratio:0) { #under-navigation .dw_focus_headlines .headlines .time_diff { top: 0 !important ; } }
Hope this helps !
Thanks for the mail. I did as you proposed and it is started working in Safari and now the same bug is introduced in Chrome. So i rollback the code.
Please see this issue on urgent basis and provide us the solution.
Look forward to hear from you soon
regards
Alwin
You can add the following code to the Editor CSS:
.chrome #under-navigation .dw_focus_headlines .headlines .time_diff {
top: -12px !important;
}
Regards,
I am having the same problem on my website http://www.diasporamirror.com and I don’t know how to edit css so I need help dont want to mess the files.
I am having the same problem on my website http://www.diasporamirror.com and I don’t know how to edit css so I need help dont want to mess the files.
Hello Denzil,
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>
Please login or Register to submit your answer