Same Logo Slide Up on Hover

Description

  • logo grid, hover on each logo will slide up with same logo, use gallery grid
  • view demo – password: abc
  • buy me a coffee

09.26c12v7 Same Logo Slide Up on Hover 1 (1)

#1. Install Code

#1.1. Make sure you added Image Section (Gallery Section)

(choose Images > choose section with gallery icon on top right)

09.26c12v7 Same Logo Slide Up on Hover 2 (1)

#1.2. Make sure you choose Grid Simple

09.26c12v7 Same Logo Slide Up on Hover 3 (1)

#1.3. Hover on top right of section > Click EDIT SECTION > at Gallery > Anchor Link > enter word: same-logo-slide-up

09.26c12v7 Same Logo Slide Up on Hover 4 (1)

#1.4. Hover on Page where you use Gallery > Click Gear icon > Click Advanced > Paste this code

<!-- 09.26c12v7 Same Logo Slide Up on Hover -->
<script>
window.SameLogoSlideUpHoverOptions = {
  backgroundColor: '#efece5',
  borderRadius: '10px',
  animationSpeed: '0.3s',
  itemBackgroundColor: '#ffffff'
};
</script>
<script src="https://code.beaverhero.com/gallerysgrid/0926c12v7slideuplogohover.js"></script>

09.26c12v7 Same Logo Slide Up on Hover 5 (1)

#2. Customize

#2.1. To change background around logo, change this line

backgroundColor: '#efece5',

 

Buy me a coffee