Small Tweaks help.

VVSVS
Offline
Last seen: 2 years 12 months ago
Wed, 06/25/2014 - 16:30
#1
Small Tweaks help.

Hi, I have a couple of newbie questions.

1. How can I add a BG texture on top of the video such as in this example?
http://faustberlin.com/

2. I also replaced an image on the About section as a background, but the image works as a pattern. How can I make it stretch?
Is there a way to make it parallax as well?

3. How can I replace the eye icon on the project previews with an image?

4. Is there a way to control the transparency of the mouse over of the project images?

Thanks for your support.

Cheers!
Ivan

cindy
cindy's picture
Offline
Last seen: 3 days 9 hours ago
Thu, 06/26/2014 - 15:20

Hi,
We are working on this issue and will feedback you as soon as possible

Regards,
WPP Team

kiditran
Offline
Last seen: 1 month 9 hours ago
Thu, 06/26/2014 - 23:35

hi VVSVS :) these your question is pretty complex, please follow step by step below.

1 - To add BG texture, you have to do this following screenshot:

2 - Let's see image bellow, we must change a bit of code CSS in the file style.css as from photo1 to photo2. In this case, my background image is image-pallax-1.jpg, which can be changed to your favourite image. (go to the line 1890)

3 - About problem, we have to alter a piece of code HTML, let's follow this below:
+ In the SPAN tags , delete class "moon-eye-6" (this is important)
+ Adding IMG tags within SPAN tags with source is your image.

4 - Go to the line 2069, then change final value in attribute background-color from 0 to 1 (example: 0.1, 0.2, 0.3 ....1), please choose one of this values.

Cheers ! KidiTran !

VVSVS
Offline
Last seen: 2 years 12 months ago
Fri, 06/27/2014 - 17:56

Hi Thanks for your comments.
I have some more commets about it though.

1. I dont want to change the logo, or the text. I did that already.
What I want to do is to add a pattern texture instead of the black layer with opacity.

https://dl.dropboxusercontent.com/u/16009249/texture.png

2. I managed to change the image. In Safari it works great, but in Chrome it doesn't show unless you select the text and seems to be refreshing the image all the time.

https://dl.dropboxusercontent.com/u/16009249/weird.png

3. Whenever I replace the image. It just gets on top and I can't manage to remove the circle.
https://dl.dropboxusercontent.com/u/16009249/circle.png

4. Works like a charm!

Thanks again!
Best.
Ivan

kiditran
Offline
Last seen: 1 month 9 hours ago
Fri, 06/27/2014 - 23:32

Hey VVSVS :)To resolve your problem, we need to edit more more more html & css code.  I will guide you to fix that issue. Good Day My Friend , KidiTran !

VVSVS
Offline
Last seen: 2 years 12 months ago
Mon, 06/30/2014 - 15:46

Ok I"ll add you.
Thank you very much for your support!

Log in or register to post comments