eleopard
Forum Replies Created
-
Forum: Plugins
In reply to: [Animate It!] No word wrap with animationDear Jackson,
Glad to know it worked.
Thanks for such kind words 🙂Please feel free to let me know if you face any other issues.
Forum: Plugins
In reply to: [Animate It!] No word wrap with animationDear Jackson,
Sorry for this.
Please try the following:Remove this from the Custom CSS:
.owl-2 { display: inline; }Add this to the Custom CSS:
.owl-2 { float: left; }Save.
This should make the animation work like before.
Forum: Plugins
In reply to: [Animate It!] No word wrap with animationDear Jackson,
Thank you for using Animate It!.
As per my understanding, you want the second mascot image to be placed similarly to first one at the start.
In order to achieve that, please follow the below steps
1. Open the post to Edit.
2. Go to the second mascot image and recreate the animation.
3. While adding animation, go to the “Options” tab and add a CSS class name “owl-2” in “Custom CSS Class” field
4. Add the animation and save the post.
5. Now go to Dashboard->Settings->Animate It!.
6. Under Custom CSS field, add the below CSS:.owl-2 { display: inline; }7. Save the settings.
Let me know if it works.
Forum: Plugins
In reply to: [Animate It!] Set Height to 0 or Hide Div After Animation Runs?Hey,
Thank you for using Animate It!.
Regarding the feature, currently, it is not supported by the plugin because sometimes removing or changing the height of an element disturb the overall page layout.
In order to achieve that, You would have to add custom scripts to hide the block.
Please check this article for reference http://blog.teamtreehouse.com/using-jquery-to-detect-when-css3-animations-and-transitions-end
Forum: Plugins
In reply to: [Animate It!] Animation has a “flicker” in itDear Cyndee,
Thanks for using the Animate It!
While checking https://www.mydreamjersey.com/ , it seems like you are using both Animate it! classes as well as the animations that come with Visual Composer.
This seems to be causing the conflict.
Please use different DIVs, if you are using 2 animations, and see if it works ok.
e.g. you can add Animate It! classes to the column, and Visual composer animations to the single image.
Forum: Plugins
In reply to: [Animate It!] on mobile doesn’t work properlyHello,
Please make sure that the “Snable in Smartphones” is set to yes in Settings > Animate It!
Please see this for more info: https://www.downloads.eleopard.in/animate-it-documentation-wordpress.html#noteThe thing is, smartphones usually do not have hardware to support animations. And this sometimes results in glitches.
That is why this option is by default set to no.
I have enables this option in the link:
http://animateitdemo.wpdevcloud.com/en_US/post-for-ivano/If you check the above link now, the animations should be enabled on smartphones.
Please let me know if this works for you.
Forum: Plugins
In reply to: [Animate It!] Override CSS? How Can I Accomplish This?Dear Scott,
Thanks for using Animate It!
Regarding the changes. you can definitely make them via CSS override.
However, just in case, have you checked FadeinRightBig and FadeinLeftBig?
As these animations are made for the larger fade ins.For the customization, please do the following:
1. in the WordPress backend, Go to Settings > Animate It! > Custom CSS Box.
2. Paste the following:
@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-500%); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-500%); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-500%); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-500%); } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(500%); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(500%); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(500%); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(500%); } }3. Save.
You can see a working demo of this here:
http://animateitdemo.wpdevcloud.com/tr_TR/post-for-scott/Please not that I have sent the Animation Duration to 4 here, so that the animation runs smoothly.
works for you.resolved your issue.Forum: Plugins
In reply to: [Behance Portfolio Manager] Categories Names ProblemDear Ahmed,
Glad to know the issue is resolved.
I think the problem was with Arabic fonts not being installed in the theme/plugin.Search and Replace should have resolved that 🙂
Forum: Plugins
In reply to: [Behance Portfolio Manager] Change “ALL” TextDear Ahmed,
Thanks for using the Portfolio Manager.
You can easily replace the word “All”, along-with other words using the
Real Time Find and Replace PluginJust follow the below Steps:
1. Install Real Time Find and Replace Plugin
(https://wordpress.org/plugins/real-time-find-and-replace/#installation)2. Go to Tools > Real-Time Find and Replace and Paste the following rules:
In the Find box:
<span class="cat-tab" catname="be-all-cat">All</span>In the Replace with Box:
<span class="cat-tab" catname="be-all-cat">Demo</span>Replace Demo with what Word(s) you need to add.
Screenshot:
https://adobe.ly/2J296Lf4. Click on Update Settings to Save.
You can see a working version of it here:
http://animateitdemo.wpdevcloud.com/portfolio-manager/Please let me know if this works for you.
Forum: Plugins
In reply to: [Animate It!] GDPRDear Lanxalot,
Glad to 🙂
• Does your plugin set cookies?
The plugin does not set any cookies.• Do you have any plans to alter your plugin for GDPR?
As we do not take any data from the user/website, and we do not store any data using cookies or anything similar as well, we do not plan to alter the plugin in any way relating to GDPR.I believe the rest of the answers would automatically be considered void.
Please feel free to let me know if you have any questions.Forum: Plugins
In reply to: [Animate It!] Animation Restarting. Loading twice.Dear Yusareba,
It looks like a CSS conflict between Plugin and Theme.
Please try the following workaround.Go to Settings > Animate It! > Custom CSS Box and paste the following.
#bp_core_friends_widget-11{ opacity: 0; } #bp_core_friends_widget-11.eds-scroll-visible{ opacity: 1; }This is make the area invisible by default and when the classes are added, the area will be visible and animated.
Let me know if this works.
Forum: Plugins
In reply to: [Animate It!] Animation Restarting. Loading twice.Dear Yusareba,
If the website is not yet live, please share the links to the page and login credentials to contact@eleopard.in
Forum: Plugins
In reply to: [Behance Portfolio Manager] Single project not loadingDear Nick,
Glad to know it worked.
Marking this ticket resolved now.Please feel free to let me know if you face any other issues.
Forum: Plugins
In reply to: [Behance Portfolio Manager] Single project not loadingDear Nick,
Please try this out and let me know if it works:
Go to Portfolio Manager > Settings > Advanced Tab > Custom CSS Box
Remove the previously added CSS, and paster all the code below.#bop-project{ opacity: 1 !important; } .bop-primary-project-content{ background: #000000; } .post-full .entry-content .bop-primary-project-content .fluid-width-video-wrapper{ padding-top: 60.2% !important; max-width: 100%; margin: 0; } .bop-text-center .embed-dimensions{ overflow: hidden; } @media only screen and (max-width: 1230px) { #bop-project-right{ right: unset; left: 0; width: 100%; } #bop-project-left{ margin-right: 0; } #bop-project-info-right , .bpm-published-on{ display: none; } .bpm-top-info-menu-dropdown-wrapper{ display: block; } .bop-project-right{ padding: 8px 2px; } .bpm-title-right{ font-size: 20px; padding-bottom: 6px; padding-top: 8px; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } #bop-category, #stats-top{ font-size: 13px; padding: 2px 20px; } #project-modules{ margin-top: 162px; } #bop-project-left { max-width: 1400px; margin-top: 162px; } } @media only screen and (max-width: 960px) { #bop-project-right{ right: unset; left: 0; width: 100%; } #bop-project-left{ margin-right: 0; min-width: unset; width: 100%; } #bop-project-info-right , .bpm-published-on{ display: none; } .bpm-top-info-menu-dropdown-wrapper{ display: block; } .bop-project-right{ padding: 8px 2px; } .bpm-title-right{ font-size: 20px; padding-bottom: 6px; padding-top: 8px; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } #bop-category, #stats-top{ font-size: 13px; padding: 2px 20px; } #project-modules{ margin-top: 162px; } nav.bpm-top-info-nav ul li a{ padding: 16px 12px; } nav.bpm-top-info-nav{ width: 100%; position: relative; } nav.bpm-top-info-nav ul li ul{ left: 0; width: 100%; box-sizing: border-box; margin-left: -1px; border-radius: 0; } }What I did here is, added the code as per your theme style, that would have loaded if the page was refreshed.
Forum: Plugins
In reply to: [Behance Portfolio Manager] Single project not loadingYes, you are right.
The issue here is just the scripts that runs on page load.
Since the project is opening without page load, those scripts are not running.I’ll need some time to figure this thing out.
Please be patient 🙂