DW Focus Trending news alignment is not correct.

Alwin James
asked 10 years ago

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

5 Answers

Wilfred
answered 10 years ago

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.

Alwin James
replied 10 years ago

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

Wilfred
answered 10 years ago

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.

Alwin James
answered 10 years ago

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.

DominicStaff
answered 10 years ago

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 !

Alwin James
replied 10 years ago

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

Dominic Staff
replied 10 years ago

You can add the following code to the Editor CSS:
.chrome #under-navigation .dw_focus_headlines .headlines .time_diff {
top: -12px !important;
}
Regards,

Denzil Musumba
replied 10 years ago

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.

Denzil Musumba
answered 10 years ago

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.

DominicStaff
answered 10 years ago

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>