210 comments found.
Hi, I have a question:
Can it’s possible to have the background image and another image in transparence like .png in front of the background image ?
Thanks
Hello
Yes
Cheers
Radu
Can you walk me through how to make text blocks parallax please, I cant quite figure it out. I want exaclty what you have in your text demo
Hello
Which page of the demo exactly ?
You mean this shortcode here ?
[dzs_parallaxer clip_height="auto" total_height="600" breakout="off" direction="normal" use_loading="on" mode="oneelement" height_is_based_on_content="off" box_type="dark-grey-box" enable_scrollbar="off" settings_mode_oneelement_max_offset="30"]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/dzs_parallaxer]
Hey, I like the Parallaxer very much, it’s a cool tool. Well done and thanks for it. But last week a customer sent me a screenshot telling me that the Parallaxer is not working well on MS Edge. It leaves a part of the screen black. Maybe you can have a look at it for a future update.
Have a nice day, Linus
Hello Linus
Thanks for the bug report
Use Parallaxer > Autoupdater to fix
or send me a message via my profile so I can send you update
Cheers
Radu
I have a question regarding positioning of text in parallaxer. All of the references I was able to find position text in the center at half height (the center-it class). Is it possible to have the text div at the bottom or top? If so how would I go about positioning it that way? Thank you for all your work on this plugin. It’s one of my favorite WP plugins.
Hello
Thank you for the nice words
Use Parallaxer > Autoupdater to update to 2.52
I added new classes center-it-top and center-it-bottom for you
Cheers
Radu
Fantastic! thank you very much.
Cuanto cobra por el arreglo de mi tema y donde yo desee el efecto
Hello
Send me mockup of what you want to accomplish and I will send you quote
Hi, I bought this plugin and it works fine for what I want to do. I just have problems setting the color of the separator.
Here is the code in the text editor : STUDIO DVD / BLU-RAYCould you please tell me where I should put the color information (which is going to be different for each separator (black for the top separator and white for the bottom one) ? Please, explain simply, I’m not very good using code.
Thanks a lot ! Fred
Hey Fred
Go to Parallaxer > Autoupdater and update to 2.50
I added color attribute to the separator shortcode
[dzs_parallaxer media="https://placeholdit.imgix.net/~text?txtsize=33&txt=placeholder&w=1400&h=600" clip_height="400" total_height="600" breakout="off" direction="normal" use_loading="on" mode="normal" enable_scrollbar="off"] [dzsprx_separator type="triangle" position="bottom" flipped="off"] [dzsprx_separator type="triangle" position="top" flipped="on" color="#ff0000"] [/dzs_parallaxer]
Cheers
Radu
Hi Radu,
Thanks a lot for your answer. That’s great !
Have a good day, Fred
I have contacted you several times because I’m getting an error when I did the auto update. You said you’d send me a fix. I sent you my gmail. I had to turn off the plugin because of the error.
Sorry about that – gmail seems to be blocing the mail
I sent you a mail again
Hi there,
Thank you for a great plugin. I have a question about mobile. When I see the parallax from my phone, there is a black bar below it, when it loads. After 7-8 seconds it dissappears.
Could you please help me fix it? I’m not sure where the black comes from. If there must be a bar, I’d prefer it was white so it blended in with the page.
Thanks.
Best regards, Katrine
Hey Katrine
Can you show me a link ? we’ll fix
Cheers
Radu
I cant seem to do a multi layer/ image parallax, I want 1 image from left to right and other image from right to left, and background parallax
Should be possible
Can you show me a quick mockup of what you are trying to accomplish ?
Cheers
Radu
hi Radu, you may check badwaterbrewing.com thank you
Hey
You mean that effect where the beer bottle comes from right to left ?
yes the beer bottle and the splash
Hey
I made the example for you
Go to any page and select the TEXT EDITOR
then paste this
[dzs_parallaxer media="https://placeholdit.imgix.net/~text?txtsize=33&txt=placeholder&w=1400&h=600" clip_height="400" total_height="600" breakout="off" direction="normal" use_loading="on" mode="normal" height_is_based_on_content="on" settings_mode_oneelement_max_offset="30" enable_scrollbar="off"]
<p> </p>
<p> </p>
<p> </p>
<div class="row row-inline">
<div class="col-md-12 align-center" style="text-align: center; font-size: 25px; text-shadow: 0 1px 3px rgba(0,0,0,0.3);">
<h2 style="color: #fff; text-shadow: 0 0 3px rgba(0,0,0,0.3); margin-top: 0; margin: 0 auto; width: 90%; max-width: 480px; line-height: 1.9; font-family: 'Unica One', cursive;">because no great story started with a glass of milk</h2>
</div>
</div>
<p> </p>
<p> </p>
<p> </p>
<img class="" style="position:absolute; bottom: 0px; right: 0px; transform-origin: bottom right; opacity: 0.5" src="http://i.imgur.com/HsvDdnP.png" data-parallaxanimation="[{property:"transform",value:"scale({{val}})",initial:"0.5",mid:"1",final:"0.5"}]" />
<div data-parallaxanimation="[{property:"transform",value:"rotate({{val}}deg)",initial:"0",mid:"15",final:"-30"}]"><img class="" style="position:absolute; bottom: 30px; right: 30px;" src="http://i.imgur.com/IBr6eUW.png" data-parallaxanimation="[{property:"transform",value:"translate3d({{val}}px,{{val}}px,0)",initial:"-30",mid:"-90",final:"-30"}]" /></div>
[/dzs_parallaxer]
<link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet">
Preview – http://zoomthe.me/previews/wpparallaxer/index-beersplash.html
Cheers
Radu
Hello
Try to use Parallaxer > Autoupdater to get latest update
Clear cache
and try then
...
If it still does not work
Go to Parllaxer > Settings and in EXTRA CSS enter
.dzsparallaxer:not(.mode-oneelement) > .container, .dzsparallaxer:not(.mode-oneelement) > .row, .dzsparallaxer:not(.mode-oneelement) > p, .dzsparallaxer:not(.mode-oneelement) > .parallaxer-content {
position: absolute;
z-index: 555555;
top: 50%;
left: 50%;
transform: translate3d(-50%,-50%,0);
color: #fff;
}
Cheers
Radu
I’m getting this error when I do the autoupdater: Warning: Invalid argument supplied for foreach() in /home/freshide/public_html/wp-content/plugins/dzs-parallaxer/class_parts/options_array_parallax.php on line 42
Send me a message via my profile I can send you update
I’m still waiting for an update. I sent you a message via your profile and I sent you an email. At this point I can’t use the plugin because of the error.
Sorry about that – gmail seems to be blocing the mail
I sent you a mail again
Thanks again for your plugin! Could you help us to hide red preload icon? and is it possible to turn off lazy load effect?
Oh, some boss updates 
Tell me please where to replace your red load icon to ours and where to change lazy load fade effect time – he wants 1 sec?
Best regards, Reboon
Hey Reboon
You can disable loading from the shortcode ( use_loading )
[dzs_parallaxer media="https://placeholdit.imgix.net/~text?txtsize=33&txt=placeholder&w=400&h=1000" clip_height="400" total_height="150%" breakout="off" direction="normal" use_loading="on" mode="normal" height_is_based_on_content="off" settings_mode_oneelement_max_offset="30" enable_scrollbar="off"]<div style="background-color: rgba(200,50,50,0.5); position: relative; left: 20px; width: 40%; padding: 200px 15px; margin-top: -15px;"> <h3>Title</h3><p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>[/dzs_parallaxer] </div>
To change loading icon you can go to Parallaxer > Settings and in extra css enter
body .preloader-semicircles{
width: 30px; height: 30px; background-image:url(url(https://placeholdit.imgix.net/~text?txtsize=33&txt=placeholder&w=400&h=1000)); animation:none; -webkit-animation:none; border-radius:0; } body .preloader-semicircles:after{ display:none; }
Cheers
Radu
Bonjour,
Je viens d’acheter votre plugin qui marche très bien 
j’ai juste un petit souci je n’arrive pas à adapté l’image pour les mobiles, ça ne marche pas 
J’ai fais plusieurs fois le test, sur mon iPhone l’image n’es pas adapté au téléphone.
Pouvais vous me dire comment faire réglé ce problème ?
Merci beaucoup
Can you show me a url / link ?
Merci
Bonjour,
Je viens d’acheter votre plugin qui marche très bien j’ai juste un petit souci je n’arrive pas à adapté l’image pour les mobiles, ça ne marche pas
J’ai fais plusieurs fois le test, sur mon iPhone l’image n’es pas adapté au téléphone.
Pouvais vous me dire comment faire réglé ce problème ?
Merci beaucoup
Can you show me a url / link ?
Merci
Bonjour,
Je viens d’acheter votre plugin qui marche très bien j’ai juste un petit souci je n’arrive pas à adapté l’image pour les mobiles, ça ne marche pas
J’ai fais plusieurs fois le test, sur mon iPhone l’image n’es pas adapté au téléphone.
Pouvais vous me dire comment faire réglé ce problème ?
Merci beaucoup
Can you show me a url / link ?
Merci
Hello! I think this plugin is what I was looking for. Just one pre purchase question – I try your demo site and upload png transparent background image and it [transparent background] become black colour – http://zoomthe.me/themeadmin-dzsprx/?page_id=2204 – any comments about this issue??
Yes, just set
body .dzsparallaxer:not(.mode-oneelement) { background-color: transparent; }
in Parallaxer > Settings > Extra CSS and everything will be transparent
Cheers
Radu
I want to put the text on a solid color background, and have it in a panel on the left over an image. In your samples you have some text on a background, but I don’t see any options for that in the plugin.
Hi
Can you give me a sketch or something of what do you want to accomplish please?
Cheers
Radu
How do I a send a sketch? I don’t see a way to attach it.
You can upload it via a service like http://imgur.com/ and send me a link
Here’s the link for where the image is uploaded. http://i.imgur.com/l1S63Mq.png I want to put different color backgrounds behind the text for each parallax section. This image shows two backgrounds, one has text on the left with a semi transparent white background, and the next shows text on the right on a different color background. I want the text to scroll over the background.
Thank you for your help.
Hello
Go to the post you want to insert this – click on TEXT ( not VISUAL ) editor
and paste:
[dzs_parallaxer media="https://placeholdit.imgix.net/~text?txtsize=33&txt=placeholder&w=400&h=1000" clip_height="400" total_height="130%" breakout="off" direction="normal" use_loading="on" mode="normal" height_is_based_on_content="on" settings_mode_oneelement_max_offset="30" enable_scrollbar="off"]<div style="background-color: rgba(200,50,50,0.5); position: relative; left: 20px; width: 40%; padding: 200px 15px;"> <h3>Title</h3><p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>[/dzs_parallaxer]</div>
Thank you. That’s very helpful. I have a few more questions. When I use this code the background doesn’t go all the way to the top of the image. If I make top:-25px, then things get messed up on the bottom. How do I make the text box background go the full height of the background image, top to bottom? Here’s a link so you can see what it looks like: http://freshideasgroup.com/home-test/
I took the style out of the code and put it in my stylesheet.
Why is it that when you set height_is_based_on_content=”off”, the text doesn’t show up at all?
Thank you, Eliana
Hello Eliana
Good try, close.
But you actually need margin-top
[dzs_parallaxer media="https://placeholdit.imgix.net/~text?txtsize=33&txt=placeholder&w=400&h=1000" clip_height="400" total_height="150%" breakout="off" direction="normal" use_loading="on" mode="normal" height_is_based_on_content="off" settings_mode_oneelement_max_offset="30" enable_scrollbar="off"]<div style="background-color: rgba(200,50,50,0.5); position: relative; left: 20px; width: 40%; padding: 200px 15px; margin-top: -15px;"> <h3>Title</h3><p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>[/dzs_parallaxer] </div>
use for height_is_based_on_content:off ->
[dzs_parallaxer media="https://placeholdit.imgix.net/~text?txtsize=33&txt=placeholder&w=400&h=1000" clip_height="400" total_height="150%" breakout="off" direction="normal" use_loading="on" mode="normal" height_is_based_on_content="off" settings_mode_oneelement_max_offset="30" enable_scrollbar="off"]<div style="position:absolute; top:0; left:0; width:100%; height: 100%; background-color: rgba(200,50,50,0.5); position: relative; left: 20px; width: 40%; padding: 200px 15px; margin-top: -15px;"> <h3>Title</h3><p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>[/dzs_parallaxer] Cheers<br /> Radu</div>
Hello,
How can I make my text sit over the parallax image like on the plugins website?
I see that there is a lot of code that can alter this in the comments on this stream, is there something in the folders that come with the plugin that show you different codes for editing?
http://www.markfonseca.com/wp-content/uploads/2015/04/Parrallax1.jpg http://www.markfonseca.com/wp-content/uploads/2015/04/Parralax2.jpg
Hey
just make sure Adapt to Content Height is set to on and you can have any contnet on top in the Contnet editor
example shortcode
[dzs_parallaxer media="http://localhost/wordpress/wp-content/uploads/2016/05/cropped-3.jpg" clip_height="400" total_height="600" breakout="off" direction="normal" use_loading="on" mode="normal" height_is_based_on_content="on" settings_mode_oneelement_max_offset="30" enable_scrollbar="off"]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/dzs_parallaxer]
Thank you for the reply. My screen doesn’t look like the picture posted. I don’t have those other options at all.
Is this within VC or somewhere else?
There is nothing next to media, see below.
http://www.markfonseca.com/wp-content/uploads/2015/04/parallax-2.jpg
Aw you have visual composer
Then should be easier
Just add a PARALLAXER ROW START and PARALLAXER ROW END in the same row
and in between add any content element or even a vc row
Send me a PM if you don’t have these elements
Cheers
Radu
I do have those elements, but when I add a content with text, they all have a background. I want to be able to add a text block that will be over the parallax image with no background block…just the image as the background.
Can you show me a link ?
Maybe you need to check vc content settings ? ( clicking the pen button on the element / row ?
This should be expected result of the shortcode above – no background
This works when clicking the pen on the actual Parallaxer plugin. I can use it like this.
I was experimenting with what you mentioned about about Para-Start and Para-End…and then putting content between that. If I add say a text type content box, it will go over the image, but there will be a background. Does that make sense? Any suggestions on how to make the background opacity clear so whatever content I place will be over the parallaxer?
Thank you for your help.
Send me a link please .. to view
There should be no background – if there is a background maybe some kind of conflict with theme settings or so
I’m trying to get a clear menu like this example: http://www.songandthemoon.com
You need the menu from http://www.markfonseca.com/bio/ to sit on top of parallaxer ?
I just want it to be in the normal spot at the top where the Master Slider is, and the footer to be at the bottom as usual.
But beyond that, I was trying to get rid of the colored background of the menu and have the words “Home, Bio, Music” ect sit over the slider image…in other words no background.
Disregard the last 2 two responses…sorry. I think I figured it out. Thanks!
The Para start and end with content in the middle works, but there is no way to make the Parallaxer the same as regular Parallaxer. I’m putting the image in the “Parallaxer Row Start” and there is no option to change the Mode, Breakout of container ect. like there is when just adding a single para.
Is there a way to edit this?
Aw I see – I’ll add that option now
Hello, Yesterday I bought this plugin. There are no clear instructions on how to insert content within (above) Parallax (such as text, png images, or any other type of content and how to customize them). The documentation is not extensive but very short. I have little knowledge of Web programming. On the other hand the forum (http://digitalzoomstudio.net/support/) does not work. I am very disappointed. Regards, Josep
Hello Josep
I updated the documentation with your suggestion
How to add text content inside parallaxer and adapt height to it / responsive
Just use the shortcode generator, add a background and make sure Adapt Height to Content Width is set to on
and that should be it.
Example shortcode you can just paste
[dzs_parallaxer media="http://localhost/wordpress/wp-content/uploads/2016/05/cropped-3.jpg" clip_height="400" total_height="600" breakout="off" direction="normal" use_loading="on" mode="normal" height_is_based_on_content="on" settings_mode_oneelement_max_offset="30" enable_scrollbar="off"]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/dzs_parallaxer]
Send me a pm via my profile I can send you latest update
Cheers
Radu
Hello,
I’m having the same problem everyone else is. I type in text, it shows on visual composer, but it doesn’t show at all over the image on my website.
Could you provide the codes that are need and where to put them so I can just type in text in Visual Composer and have it show.
Here is my website: www.markfonseca.com
Thank you!
Hi
Send me admin here – http://zoomthe.me/sendadmin/login-details.php – I’ll have a look at the settings
Input ” https://themeforest.net/comments/15057684 ” in the Additional Details field
Thanks
Radu
Theme Breakout is not working with my current theme, but I had downloaded the Plugin “Parallax Scroll” and that figured out away to break the through the container and give full width, currently the app isn’t allowing me to adjust for width though. Is there a piece of code I’m missing to override my theme?
Hi
Theme breakout requires the exact html break out structure of the main container of the theme to be set. This is set in Parallaxer > Settings .
If you are unsure of this you can use Javascript Breakout
Cheers
Radu
