thanks, I read through the instructions. If I just change the background color and picture, like in item 3, the separator shows correctly. (01 normal background separator png)
But as soon as I activate the parallax effect the separator is cut off. (02 parallax separator png)
Nothing else is changed except that the geometric shapes are a normal background picture (1) and a parallax picture (2).
I've analyzed the css. Separator and parallax are not compatible in the current theme's configuration. Parallax effect requires adding of css property : overflow: hidden
For sure this css can be rewritten as :
.vc_parallax {overflow:visible !important}
(and you can do this , maybe, this solution will be ok for your site)
But in such case the parallax effect looks differently. I've developed how it looks in your site if such css is written - https://prnt.sc/tfwcrg
this is not the original parallax. So, if you need to use parallax in its original mode you should remove separators css.
Hi there!
I want to add a Parallax effect with some abstract shapes in the background, similar to those that are default.
I removed the default shape classes and gave the background a color.
The separator works with the setting attached. (screenshot 1+2)
As soon as I add a picture for parallax effect (screenshot 3) the separator isn't going over his content-box into the next one... (screenshot 4)
This appears on other content blocks with parallel effect as well. When I deactivate the parallel effect, the separator is fully shown again
Hello, Ben.
Please , read firstly all general instructions from here - https://voicer.softali.net/wordpress/voicer/docs/#theme_pages, item 3
thanks!
Hi Olga,
thanks, I read through the instructions. If I just change the background color and picture, like in item 3, the separator shows correctly. (01 normal background separator png)
But as soon as I activate the parallax effect the separator is cut off. (02 parallax separator png)
Nothing else is changed except that the geometric shapes are a normal background picture (1) and a parallax picture (2).
Can you please help?
Hello, Ben.
Ok, please, explain step by step how to reproduce the issue which you see for now.
How we can make the same in our pages and test it.
thanks!
Hello again.
I've analyzed the css. Separator and parallax are not compatible in the current theme's configuration. Parallax effect requires adding of css property : overflow: hidden
For sure this css can be rewritten as :
.vc_parallax {overflow:visible !important}
(and you can do this , maybe, this solution will be ok for your site)
But in such case the parallax effect looks differently. I've developed how it looks in your site if such css is written - https://prnt.sc/tfwcrg
this is not the original parallax. So, if you need to use parallax in its original mode you should remove separators css.
thanks!
To add both effects as separator and parallax the changes in files should be developed.
But for example in our demos , for example , in the block https://voicer.softali.net/wordpress/voicer/, Our Clients we have an analogue to the parallax background effect.
this is achieved just by adding the developed for our theme css: .bg-fixed - https://prnt.sc/tfwetu
So, after adding it you will see visual effect. And it will be fully compatible with separators
Thanks Olga, this was incredibly useful! Cheers for the detailed solution
Glad to help you Ben!
P.S. could you be so kind to rate our theme if you like it?)
thanks in advance!