Hi! I'm loving the theme so far and it's been just brilliant in achieving my end goal in making the website I am working on at the moment. However I stumbled across an "issue" with the Mouse Based Parallax. I can't seem to figure out how to set it up so that I can upload an image at 1920x400 or any other HD imagines that will fully display with the parallax effect without cutting out a good portion of the picture itself. I usually end up having zoomed in images.. I managed to set it up so that I can see a full 1024x400 imagine, but the problem here is that on a full HD display the whole thing looks choppy due to the low resolution. Can you share some magic tricks to make that happen? It's been bugging me for a few good days now.
Photoshop files are at 1920x400, there all the same dimensions as shown in the Parallax tutorial on youtube.
I want this: http://test.bnl.ro/wp/ to have a higher resolution. I managed to set it up with 1024x400 but on a higher resolution monitor it is very pixelated. My monitor res is 1920x1080.
http://test.bnl.ro/wp/contact/ : I've added these 3 images as a test. The idea I want is for them to display entirely and not be cut out as you can see. The background is zoomed in and the 2 layers on top pretty much the same. The glasses shouldn't be cut like that and should show at 100% not zoomed in.(My end goal would be for them to show without all the zooming)
I've applied the same principle with the padding and everything as I did on this page: http://test.bnl.ro/wp/blog/ where it displays just as it was made in photoshop, then again this is a normal full width background section with an image uploaded. But that concept doesn't seem to work with the parallax background.
Start by reducing your row padding if you're seeing the images too zoomed in such as on here:
http://test.bnl.ro/wp/contact/ it appears you have it set to 20% but you'd be safe to drop that to at least 15% which should help a bit.
The images are always going to be zoomed in a little more than normally seen to allow the mouse movement effect without ever hitting the edge of the image, but by expecting this in photoshop and keeping the appropriate row padding, excess zooming can be minimized.
Hi! I'm loving the theme so far and it's been just brilliant in achieving my end goal in making the website I am working on at the moment. However I stumbled across an "issue" with the Mouse Based Parallax. I can't seem to figure out how to set it up so that I can upload an image at 1920x400 or any other HD imagines that will fully display with the parallax effect without cutting out a good portion of the picture itself. I usually end up having zoomed in images.. I managed to set it up so that I can see a full 1024x400 imagine, but the problem here is that on a full HD display the whole thing looks choppy due to the low resolution. Can you share some magic tricks to make that happen? It's been bugging me for a few good days now.
Photoshop files are at 1920x400, there all the same dimensions as shown in the Parallax tutorial on youtube.
Thanks for the help in advance!
Hey Mateas!
Can you please provide your page url so we can see whats going on .
Thanks
ThemeNectar Support Team
I want this: http://test.bnl.ro/wp/ to have a higher resolution. I managed to set it up with 1024x400 but on a higher resolution monitor it is very pixelated. My monitor res is 1920x1080.
http://test.bnl.ro/wp/contact/ : I've added these 3 images as a test. The idea I want is for them to display entirely and not be cut out as you can see. The background is zoomed in and the 2 layers on top pretty much the same. The glasses shouldn't be cut like that and should show at 100% not zoomed in.(My end goal would be for them to show without all the zooming)
I've applied the same principle with the padding and everything as I did on this page: http://test.bnl.ro/wp/blog/ where it displays just as it was made in photoshop, then again this is a normal full width background section with an image uploaded. But that concept doesn't seem to work with the parallax background.
Thanks!
Hey Mateas!
Start by reducing your row padding if you're seeing the images too zoomed in such as on here:
http://test.bnl.ro/wp/contact/ it appears you have it set to 20% but you'd be safe to drop that to at least 15% which should help a bit.
The images are always going to be zoomed in a little more than normally seen to allow the mouse movement effect without ever hitting the edge of the image, but by expecting this in photoshop and keeping the appropriate row padding, excess zooming can be minimized.
Cheers
Thanks a bunch!