Streaming live at 10am (PST)

Paragraph Changes on Scroll on Mobile. Eliminate this


#1

All paragraph elements behave as if there is a hover state on mobile. The color changes on hover or scroll. How can I remove this? There is no hover/focus or any other state setting for the Paragraph style at any breakpoint. Help!

https://preview.webflow.com/preview/alyssapughs-supercool-site?preview=9fbfcdc10826e9e8f21053ec2e54d493


#2

Hi @Chris_K,

I would be happy to take a look, and help.

Could you share your site's read-only link: https://help.webflow.com/article/how-do-i-share-my-sites-read-only-link

:grinning:


#3

Oops! forgot! https://preview.webflow.com/preview/alyssapughs-supercool-site?preview=9fbfcdc10826e9e8f21053ec2e54d493

Thanks!!


#4

Hey @Chris_K

So if you give those paragraph elements a class and switch over to the hover class, another color seems to be set. I believe that if you give all these paragraph blocks a class and change that color, you issue would be solved.


#5

@Chris_K, yup @161creativedesign is right - there seems to be an overriding style on hover.

The issue is on the All Paragraphs tag.

To fix the issue you will need to:
1. Select the element in question
2. Select the Hover state
3. Find the All Paragraphs selector and remove the color change at the Hover state

Check out the following walk through video to see how I fixed the issue: https://drive.google.com/file/d/0BynZs0dQwPd_Ync1eFQweloySWc/view

Hope this helps :blush:


#6

Thanks! will try right now :thumbsup:


#7

worked. thanks guys!


#8

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.