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    0
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    1,327
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    158
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>
  • Like 1

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    0
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    0
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    1,327
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    0
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    1,327
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    0
alishabird

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

Share this post


Link to post
Share on other sites
Danny    1,327
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    158
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    547
Rob

:)


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

  • Similar Content

    • 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
    • carl
      By carl+
      How do I remove the leaf html5, css3 logos from the footer? Sorry if this have been covered a thousand times, but no clear cut solution available for my version of DMS2. Do I need to go pro to remove? Cheers!
    • lbhansen
      By lbhansen+
      Is there a front-end location where I can replace the PageLines logo with one of my choosing in the footer?
×