Description
- newsletter with arrow circle submit inside input, when hover newsletter will make arrow slide right
- view demo – password: abc
- buy me a coffee
#1. Install Code
#1.1. Hover on Page where you use Newsletter Block > Click Gear icon > Click Advanced > Paste this code
<!-- 09.26c12v12 Newsletter with Arrow Circle Submit. Slide Right Arrow on Hover -->
<script>
window.NewsletterArrowCircleSubmitOptions = {
borderColor: '#000000',
arrowSize: '24px',
arrowColor: '#ffffff',
arrowCircleBackground: '#000000',
arrowHoverColor: '#ffffff',
arrowCircleBackgroundHover: '#1248fc',
arrowCircleBorderSpacing: '5px'
};
</script>
<script src="https://code.beaverhero.com/newsletter/0926c12v12newsletterarrowcirclesubmit.js"></script>
#1.2. You can adjust style here (line 04 – line 10)
borderColor: '#000000', arrowSize: '24px', arrowColor: '#ffffff', arrowCircleBackground: '#000000', arrowHoverColor: '#ffffff', arrowCircleBackgroundHover: '#1248fc', arrowCircleBorderSpacing: '5px'