wpengine

wpengine

Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: Adding Animations Side by Side

Adding Animations Side by Side 8 years 1 month ago #431

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
Many users have asked us about adding the animations side-by-side to their content. Here's a step by step guide on how to do it:

Step 1. Go to Settings > Animate It! and add the following rule to Custom CSS block:

.side-by-side{
    display: inline-block;
}

It should look something like this:


Step 2: While adding animations, add "side-by-side" class to the Custom CSS Class box.
It should look something like this:


Note: please remember to omit the "." from the class name.

Step 3: Click Insert and your animation will be applied side by side.

This would add your animations side by side. Please feel free to let me know if you face any issues.
If you find the plugin useful, please take some time to put in a few good words:
https://wordpress.org/plugins/animate-it

Have a nice day.
The administrator has disabled public write access.

Adding Animations Side by Side 2 years 11 months ago #2050

  • dbb
  • dbb's Avatar
  • Offline
  • New Member
  • Posts: 4
  • Karma: 0
Hello, I found your plugin great and have bought you a yoga mat! But I have a problem.

How does one achieve side-by-side custom css in joomla? I tried adding the css in the wordpress answer to the system-animateIt plugin but that didn't seem to work?

Can someone answer this for me?
The administrator has disabled public write access.

Adding Animations Side by Side 2 years 11 months ago #2051

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
Hi Dbb,

Thanks for your support.
Ideally the solutions posted above for WordPress should work for Joomla! as well.
Can you send me link to the pages where this issues is?

That way I can see if there are any other changes needed.
Thanks.
The administrator has disabled public write access.

Adding Animations Side by Side 2 years 11 months ago #2052

  • dbb
  • dbb's Avatar
  • Offline
  • New Member
  • Posts: 4
  • Karma: 0
Thank you for the quick response! unfortunately the site isn't live. I could provide screenshots if that would be helpful? Just some extra information I am trying to add 3 images to animate in different ways in a procession. I am putting the images in custom module position within a grid layout from GKGavick but this shouldn't matter I believe?
The administrator has disabled public write access.

Adding Animations Side by Side 2 years 11 months ago #2053

  • dbb
  • dbb's Avatar
  • Offline
  • New Member
  • Posts: 4
  • Karma: 0
Ok, Sorry, my own stupid fault.... I was doing things and forgetting to change them back when neccessary. I may have questions in the future but this one is resolved :D
The administrator has disabled public write access.

Adding Animations Side by Side 2 years 11 months ago #2054

  • dbb
  • dbb's Avatar
  • Offline
  • New Member
  • Posts: 4
  • Karma: 0
Hi, I have managed to get content side by side but only 2 elements. Is there a way to get multiple elements side-by-side using CSS?

TIA

dbb
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Time to create page: 0.168 seconds

Need Customization? Feel free to...

Contact Us

If you like these extensions, help us buy Yoga Mats :)