Deactivate animation of Blockqoute-Area

Hi guys,

my website: http://sound-patrol.de

I want to deactivate the animation of the blockqoute-area as second section of the website. I can’t find a option for this.

Can you help me?

Best regards,

Dario Elsen

Hello there,

You can disable it by adding the following CSS code into your site’s additional CSS option which resides under the Appearance > Customize > Additional CSS.


#pgc-2553-1-0 .fadeInUp {
  -webkit-animation-name: unset;
  animation-name: unset;  
}

Regards,
Kharis

Thank you for your answer. :slight_smile: Your solution is working!! But I asked a wrong question. :smiley:

The blockqoute-area is invisible before scrolling on a mobile phone. How can i deactivate this?

Best regards,
Dario

Try adding this code:


#pgc-2553-1-0 * {
   visibility: visible !important;
}

Regards,
Kharis

It’s not working. :frowning:

Are I am ask my question well? Did you understand what I mean?

Regards,
Dario

Hello there,

I do understand. It is invisible by default as inline CSS (visibility: hidden;) applies. To remove it, you need to override it using:


#pgc-2553-1-0 * {
   visibility: visible !important;
}

That code applies to any elements inside #pgc-2553-1-0 row. If it doesn’t work as intended, there might be CSS error found in a group of your custom CSS code. The easiest way to check is to go to this CSS validator tool, and then paste your custom CSS and hit the Check button.

Regards,
Kharis