Hi Guys,
I just updated the theme to 3.9.1 and have some urgent problems.
I also updated Visual Composer as it too said it needed update. I deleted the plugin then uploaded from folder in theme as instructed.
But the problems I now have is CSS animations are not working.
Here is the url: http://www.powercontrol.com.au/giovenzana-automation/
All pages animations seem not to be working.
Alignment of several modules created with Visual Composer are now all over the place.
For example on this page you can see the buttons are over lapping http://www.powercontrol.com.au/safe-t-pull/safe-t-pull-wire-switches/ . Plus the buttons are now not rounded corners?
http://www.powercontrol.com.au/contact-us/ you can see here the google map is over lapping the contact form ( it wasnt before ).
I too as others have had is getting the ” Hola! Please activate your copy of Visual Composer to receive automatic updates. ”
I am not sure if the theme is the problem or VC.
Please advise asap as this is a live customers site.
Thanks Darren
Hi,
The CSS animation should work if you have the latest theme version and also the VC.
To fix the buttos, please add this CSS in Theme panel -> Custom CSS
.wpb_button_a span {
display: inline-block;
border-radius: 4px;
}To fix the map from contact page add this CSS:
.wpb_gmaps_widget .wpb_map_wraper iframe {
width: 100%;
}About the visual composer, we will update it in each theme update.
Sorry for the delay
I will add the css to fix buttons etc.
Why is VC now not working? I have the latest theme and VC
Darren
I added the css and it worked fine.
But animations still are not working?
Just updated to 3.9.2 and 4.23 of visual composer, but animations are still not working.
Please help as this is a customers site of mine.
Also tried all the standard word press themes like Twenty Twelve etc and the animations worked. But as soon as I go back to Newspaper or the child theme it wont work?
Thanks in advance
Darren
Hi,
Sorry for the delay.
We will fix this in the next update, until that add this CSS in Theme Panel -> Custom CSS:
/* CSS Animations */
.wpb_animate_when_almost_visible {
opacity: 0;
}
.wpb_start_animation.wpb_top-to-bottom {
-webkit-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
-moz-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
-o-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
}
.wpb_start_animation.wpb_bottom-to-top {
-webkit-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
-moz-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
-o-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
}
.wpb_start_animation.wpb_left-to-right {
-webkit-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
-moz-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
-o-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
}
.wpb_start_animation.wpb_right-to-left {
-webkit-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
-moz-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
-o-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
}
.wpb_start_animation.wpb_appear {
-webkit-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
-moz-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
-o-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity: 1;
}
/* Top to bottom keyframes */
@-webkit-keyframes wpb_ttb {
0% { -webkit-transform:translate(0,-10%); opacity: 0; }
100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes wpb_ttb {
0% { -moz-transform:translate(0,-10%); opacity: 0; }
100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes wpb_ttb {
0% { -o-transform:translate(0,-10%); opacity: 0; }
100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes wpb_ttb {
0% { transform:translate(0,-10%); opacity: 0; }
100% { transform:translate(0,0); opacity: 1; }
}
/* Bottom to top keyframes */
@-webkit-keyframes wpb_btt {
0% { -webkit-transform:translate(0,10%); opacity: 0; }
100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes wpb_btt {
0% { -moz-transform:translate(0,10%); opacity: 0; }
100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes wpb_btt {
0% { -o-transform:translate(0,10%); opacity: 0; }
100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes wpb_btt {
0% { transform:translate(0,10%); opacity: 0; }
100% { transform:translate(0,0); opacity: 1; }
}
/* Left to right keyframes */
@-webkit-keyframes wpb_ltr {
0% { -webkit-transform:translate(-10%,0); opacity: 0; }
100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes wpb_ltr {
0% { -moz-transform:translate(-10%,0); opacity: 0; }
100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes wpb_ltr {
0% { -o-transform:translate(-10%,0); opacity: 0; }
100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes wpb_ltr {
0% { transform:translate(-10%,0); opacity: 0; }
100% { transform:translate(0,0); opacity: 1; }
}
/* Right to left keyframes */
@-webkit-keyframes wpb_rtl {
0% { -webkit-transform:translate(10%,0); opacity: 0; }
100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes wpb_rtl {
0% { -moz-transform:translate(10%,0); opacity: 0; }
100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes wpb_rtl {
0% { -o-transform:translate(10%,0); opacity: 0; }
100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes wpb_rtl {
0% { transform:translate(10%,0); opacity: 0; }
100% { transform:translate(0,0); opacity: 1; }
}
/* Appear from center keyframes */
@-webkit-keyframes wpb_appear {
0% { -webkit-transform:scale(0.5); opacity: 0.1; }
100% { -webkit-transform:scale(1); opacity: 1; }
}
@-moz-keyframes wpb_appear {
0% { -moz-transform:scale(0.5); opacity: 0.1; }
100% { -moz-transform:scale(1);opacity: 1; }
}
@-o-keyframes wpb_appear {
0% { -o-transform:scale(0.5); opacity: 0.1; }
100% { -o-transform:scale(1); opacity: 1; }
}
@keyframes wpb_appear {
0% { transform:scale(0.5); opacity: 0.1; }
100% { transform:scale(1); opacity: 1; }
}
Sorry about this
Thanks
Hi Lucian,
Thank you very much for all the css controls.
I meant to get on last night and say that is was now working.
Now previously on this site i did remove the code in functions.php that adds in the other elements of VC.
When I thought of this i went in and removed those lines of code again and presto it started working fine.
So I am not sure if my previous selections are stored in the database or not, but alas it is working.
Again thank you for your effort in supplying all the code above.
Darren
Hi,
I’m glad you’ve managed the issue.
Thanks
