Cover image also on blog posts ?

L M
asked 10 years ago

Hi !

First, thank you very much for the Timeline theme. It looks really neat.

I’d like to know how to post a cover image to the posts, that will show, on the homepage, an "entry thumbnail" (labelled .entry-thumbnail, it seems), like on the DW timeline demo. I’ve tried several things when adding an image to a new post but can’t seem to make it work…

Anyway thanks again and see you!

Lou

2 Answers

DominicStaff
answered 10 years ago

To resolve this issue, you need add the image to the Feature Image section.
See the screenshot: http://prntscr.com/6c39bw
Also, you can find here for the document guide on how to configure the theme: http://www.designwall.com/guide/dw-timeline/
Hope this helps !

L M
answered 10 years ago

Thank you! It did help 🙂

Another question, which I haven’t found the answer in the guide: How can I setup a "parralax scrolling effect" on the banner on the main page as well as on the featured images on the post pages ?

Thank you 🙂

dominic Staff
replied 10 years ago

Apologies for the delay in replying to you, you can tell me detail about this issue, send me a screenshot for further checking.

lou4lou
replied 10 years ago

Hello Dominic. No worries. It’s not really an issue because I don’t know how to set up a parallax scrolling effect on the main banner of the DW Timeline design (+ on the featured images like I said). Here would be an example: http://www.ok-studios.de/home/

What would be great is an almost fixed banner, but slowly scrolling when the user scrolls the page, while the page title scrolls at a normal speed, creating that kind of effect. Could you guide me on a way to achieve this?

Thank you and have a very nice day.

dominic Staff
replied 10 years ago

Oh I see. To resolve this issue, you can try some following code:

Open the main.css file in the folder path "wp-contentthemesdw-timelineassetscss". Find the line 5698, then replace with the following code:

.banner.cover {
background: url(../img/bg.jpg) no-repeat fixed;
background-size: cover;
min-height: 660px
}
/******** Add the following code to the style.css file ************/
.nav-main {
  position: fixed;
}

Hope this helps !

lou4lou
replied 10 years ago

perfect thanks a lot !!

muffox
replied 10 years ago

Hi, please give me a default coding in the line 5698. I can’t find it through line searching. Thank you.

dominic Staff
replied 10 years ago

Code in the line 5698 here:
“`.banner.cover {
background: url(../img/bg.jpg) no-repeat top center;
background-size: cover;
min-height: 660px
}


Regards,

muffox
replied 10 years ago

Thank you Dominic. Got it!