Impulse Theme - Disable all text transition effects in hero slider

Solved
jimbwayne
Tourist
3 0 1

Hello!

I'm using the Impulse theme and am trying to set up my hero slider so that the overlay text does not move or change at all as the images rotate beneath it. 

For example, something like this:

Demo.gif

But I can't figure out how to prevent that "BizzyWall" headline from briefly disappearing and reappearing with each slide transition. See?

https://bizzywall.com/

pw: haycro

I'm sure there's a simple code tweak solution I'm missing, but cannot figure it out for the life of me.

Thanks in advance!

g33kgirl
Shopify Partner
223 58 70

This is an accepted solution.

Hi @jimbwayne, yes it's a simple tweak. Add this code at the end of your theme.css file (Themes -> Edit code -> Assets -> theme.css) :

#shopify-section-1524769873765 .slideshow__slide .hero__subtitle .animation-cropper, 
#shopify-section-1524769873765 .slideshow__slide .hero__title .animation-cropper, 
#shopify-section-1524769873765 .slideshow__slide .hero__top-subtitle .animation-cropper {
    opacity: unset;
}       

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes
dmwwebartisan
Shopify Partner
5784 1323 1695

This is an accepted solution.

@jimbwayne 

Please add the following code at the bottom of your assets/theme.css file.

.slideshow__slide .hero__subtitle .animation-cropper, .slideshow__slide .hero__title .animation-cropper, .slideshow__slide .hero__top-subtitle .animation-cropper {
    opacity: 1 !important;
    transition: none !important;
}

Hope this works.
Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
jimbwayne
Tourist
3 0 1

Thanks so much! This worked like a charm.

0 Likes
jimbwayne
Tourist
3 0 1

This worked! Thanks a lot.

0 Likes