Dear Patohoward,
Thanks for using the Animate It!
What you need can easily be done by using a Custom CSS Class.
Please follow this steps:
1. Go to Settings > Animate It! > Custom CSS Box. Paste this CSS rule:
.side-by-side {
display: inline-block;
vertical-align: middle;
}
2. When you add The Animations, go to Options Tabs and enter “side-by-side” in the Custom CSS box (without ” “).
Please refer to this image:
This would make the elements arrange side by side.
Note: In the existing Animation Shortcodes, add “side-by-side” in the parameter custom_css_class= “”, so it would become custom_css_class= “side-by-side”
Please let me know if this works for you.
-
This reply was modified 9 years, 1 month ago by eleopard.
-
This reply was modified 9 years, 1 month ago by eleopard.
Dear Mksauce23,
Glad to know its finally working for you.
Please take a few minutes of your time to write a few good words:
https://wordpress.org/support/plugin/animate-it/reviews
@jan Sure. Will keep this is mind from now on.
Dear mksauce23,
We have just released a new version of the plugin with updated Mobile_Detect class.
Could you please update Animate It! plugin at your end and check if the problem is resolved?
Dear Mcssara,
Glad to know it worked out for you.
I am marking this issue as Resolved, please feel free to open a new ticked if you have any more issues.
Dear philwiener,
Thank you for using the plugin.
Currently the plugin only support fixed sorting while adding “Single Category” and “Multiple Category” view.
Anyway thanks for the suggestion. We will check its feasibility and if everything goes as expected, we will add this feature in the coming versions
Glad to know it worked 🙂
Feel free to let me know if you have any other issues.
Lastly, please don;t forget to rate the plugin:
https://wordpress.org/support/plugin/portfolio-manager-powered-by-behance/reviews
Dear Hinerpartners,
Thanks for using the Animate It!
DIVs tend to take the complete width of the page, and that might be the reason is your case for this issue.
Please try the following solution:
Add the following CSS in Settings > Animate It! > Custom CSS Box
.side-by-side{
display: inline-block;
}
Now add this side-by-side class to your animations, or add it to Custom CSS class box in Options Tab, when you’re adding the Animations using Shortcode.
Please let me know if this works.
Just in case, if this does not work, please post the link where you’ve got this issue. That would help me look into this in detail.
-
This reply was modified 9 years, 2 months ago by eleopard.
Dear Phil,
Please paste the following CSS in
Portfolio Manager > Settings > Advanced Tab > Custom CSS box
.eds-bpm-main{
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
.eds-bpm-main{
max-width: 700px;
}
#portfolio .subheadline-negative{
margin-left: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.eds-bpm-main{
max-width: 464px;
}
#portfolio .subheadline-negative{
margin-left: 90px;
}
}
@media only screen and (max-width: 767px) {
.eds-bpm-main{
max-width: 232px;
}
#portfolio .subheadline-negative{
text-align: center;
}
}
Note: I have added margin left to make the titles stick to the left, when the portfolio items are centered. Please remove all the #portfolio .subheadline-negative rules if you do not want that.
Let me know if this works.
Dear Phil,
Thanks for using the Portfolio Manager.
Regarding your issue. It can be done using some custom CSS styling.
Please let me know the link to your portfolio, and I’ll try to create a custom solution for you.
Dear dub mahadev,
Thank you for using Animate It!.
Regarding the issue, we are looking into it, will get back to you ASAP.
Dear Sarah87,
As per our analysis, The Animate It! blocks you added in the posts and pages contains additional </p> tags in between. Due to which, the structure of the generated HTML page is not proper.
Try adding the Animate It! in a single line without any space or new line character and see if it works.
Hi Mcssara,
Thank you for using Animate It!.
Regarding the issue, could you please provide the URL of your website so that we can analyze it further.
Sure.
Please post your link in this thread.
Dear Sarah,
Thanks for using the Animate It!
Could you please share the link to the page where this issue is?
