Jump to content

Archived

This topic is now archived and is closed to further replies.

alishabird

Remove animation from iboxes in footer

Recommended Posts

alishabird

Hi,

The problem is that the animation to display the ibox images is not activating because the iboxes are in the footer. Does anyone have some code to remove the animation so that they don't have to be triggered or even a way to trigger them sooner. Here is my project: http://staging.garympomerantz.com/ (*note it does sometimes seem to work but not consistently).

 

Thanks!

 

Share this post


Link to post
Share on other sites
Danny

Hi,

 

The animation of your iBoxes works just fine for me, I refreshed your website about 20 times and each time it worked without any issue.

 

However, your suggestion is a good idea, so I have reported this on our tracker for you. In the meantime, what I would suggest is that you replace the iBoxes and just use HTML instead.

I have created an article which shows you how to add your social media networks to a text, see here - http://docs.pagelines.com/tutorials/creating-a-branding-area


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
beardedavenger

Use this to remove the animations from iBox completely. Paste into your custom scripts area. I personally have always thought they were janky so I've removed them from day one.

 

<script>
jQuery(document).ready(function(){
    jQuery('.section-ibox .ibox-media span').removeClass('pl-animation pl-appear animation-loaded');
});
</script>

Something big is coming for DMS + photographers.

http://fotostheme.com

 

Nick Haskins & CO - New home for all of my PageLines Store products! 

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites
alishabird

Thanks for all help. Looks like it worked. Also, It would be awesome if their where check boxes to turn off the title and text. :-P Thanks Again!

Share this post


Link to post
Share on other sites
alishabird

Opps! The code isn't working. I'm getting a parse error. @beardedavenger Did I mess up your code? I'm not sure why it's not working.

Share this post


Link to post
Share on other sites
Danny

A Parse error, where are you getting the error, can you provide a screenshot please.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
alishabird

Hi Danny sorry the parse error was my mistake. However the script is not working. Do you see the problem? Thanks

Share this post


Link to post
Share on other sites
Danny

Did you add the script as Nick pasted or did you wrap <script></script> around it ?

Like so:

 

<script>jQuery(document).ready(function(){
    jQuery('.section-ibox .ibox-media span').removeClass('pl-animation pl-appear animation-loaded');
});</script>

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
alishabird

I did not put <script></script> around it. Shoud I?

Share this post


Link to post
Share on other sites
Danny

Yes, like the example I gave above.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
beardedavenger

Just re-tested this, and works. It removes the classes that DMS uses to animate.

 

However, we must do a bit more work and remove the transition property off of the icons so they dont scale in on load. To do this, add this to Custom CSS, in addition to the script above.

.ibox .ibox-media .ibox-icon-border.media-type-icon {.transition(none);}

Something big is coming for DMS + photographers.

http://fotostheme.com

 

Nick Haskins & CO - New home for all of my PageLines Store products! 

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites
Rob

:)


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

  • Similar Content

    • stijnxo
      By stijnxo+
      Is there a way to disable the responsive function of your iBoxes?
      I do not want all iBoxes underneath each other on mobile, is there a way to fix columns or group boxes?
      I use them for small links and want them to stay next to each other, see attachment
      Please let me know.



    • Paul
      By Paul+
      I was surprised to see I had no menu today - out of the blue - its actually moved to the bottom of the page!  After hours of fiddling and disabling every single plugin, leaving just plagelines the issue is still present.  See video for a basic text box - I moved it into the head and it jumps to the bottom and shows just above the footer but below the main content.  I have a temp fix by placing the menu into the first row on the main content but it does mean other than my home page, all other pages have no menu.  A quick fix is very urgent for this bug.
      https://thelaptopfixers.com
       
       
    • Houston Haynes
      By Houston Haynes+
      OK - folks - back with another nit... The "back to top" link works - BUT - it's only active (i.e. clickable with the associated action following) when the mouse-over hovers over the footer area of the page. I did a quick change of the z-depth (to -1) and nothing made a difference. Any thoughts on how to make the *entire* back-to-top icon hover-able/actionable? Thanks!
       

    • romanondrasek
      By romanondrasek+
      hi all, I have some trouble using PL5 on my site. 
      I used plugins for event calendar (event on) and plugin (timetable responsive scheduler for WP) for schedule (classes) in the gym.
      The problem is, that post from this 2 plugins are shown without menu in header and footer. (I setup header and footer) in the page editor for all type of page. 
      When I create a lesson, it creates posts with slug (I have a slug "lekce" & event for events).
      I try to edit the post with PL editor, but editor is not opening on the post.

      Do you have some idea where should be some problem? Thanx so much.
      here are links for the sites :
      site with schedule :
      http://www.myfit.cz/rozvrh/
      site of one of the class (pilates)
      http://www.myfit.cz/lekce/pilates/
      site with calendar :
      http://www.myfit.cz/kalendar/
      7 side with one event from the calendar :
      http://www.myfit.cz/event/pilates-instruktor-akreditovana-licence/?ri=1
      when I have my site on DMS2 it was working :-(
       
       
    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      I have been unsuccessfully trying to get my 3-column widgetized footer aligned centered. The widget section itself is aligned left because the alignment appears to be controller the widget's content only. The container that contains the widget section is aligned centered. I have chosen a 3 column layout and I added 3 widgets, assuming they would be aligned centered.
      Any idea of what I may be doing wrong?
      The page is question is: http://www.michaelkummer.com
      Thanks
      Michael
×