Pagination don't visible on Safari

Manuel Weiser
asked 10 years ago

Hey Guys,
i can’t see the pagination buttons on my blog http://www.manuelw.de with safari. In Firefox i see it.
Think it is a code problem?
regards
Manuel

2 Answers

DominicStaff
answered 10 years ago

To resolve this issue, please 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/
After that, just add the following code to the Edit Css.

@media screen and (-webkit-min-device-pixel-ratio:0){
.banner #get-started {
    width: 14%;
}
}

– Then download the flat.css file here and paste into css folder (wp-content\themes\dw-timeline\assets\css).
If you still face there issue, you can send me username & password of your (via private answer) site for further checking.

Manuel Weiser
replied 10 years ago

I try’d this out, but it doesn’t work for my blog.

Dominic Staff
replied 10 years ago

you can send me username & password of your site (via private answer) for further checking.

Manuel Weiser
replied 10 years ago

can you tell me what you want to do with it?
The pagination won’t work in your own demo page also with safari. It is a theme problem.
http://demo.designwall.com/#dw-timeline-pro

DominicStaff
answered 10 years ago

Hi,
Right now, you can download the dw-timeline.zip in the following link: https://www.dropbox.com/s/m0hjy3uatgnf22w/dw-timeline.zip
After downloading, you can log in to Dashboard > Theme > Upload this package (dw-timeline.zip) then activate theme.

Manuel Weiser
replied 10 years ago

I downloaded and installed this, but this is version 1.0.0 of Timeline Pro ?!
Actually there is 1.0.5

But i have a try with this and it won't work also.

And, i tested your Demopage with Safari on Mac, and Firefox on Mac and Windows on different machines with different configurations and networks, but there is no Pagination visible to me…

Dominic Staff
replied 10 years ago

To display pagination in the Safari, you can add the following code to the Edit Css.
@media screen and (-webkit-min-device-pixel-ratio:0){
.timeline-scrubber ul {
list-style: none;
padding: 0 0 30px 0;
margin: 0;
}
.timeline-scrubber.affix {
position: fixed;
top: 30px;
}
.timeline-scrubber {
position: absolute;
margin-left: 1150px;
width: 100%;
display: block;
}
.timeline-scrubber .active a {
color: #E74C3C;
border-left-color: #E74C3C;
}
.timeline-scrubber a {
padding: 5px 0 5px 10px;
border-left: 3px solid #E5E5E5;
color: #BBB;
font-weight: bold;
display: block;
margin: 0 0 1px;
}
}
Hope this helps !

Manuel Weiser
replied 10 years ago

Thanks a lot, that works fine for me 🙂