Set Transition Speed in Divi Show / Hide Button


Divi Show / Hide Button can be used to show and/or hide elements in a page built using Divi Builder. By default the transitions take 400 milliseconds to complete. You can adjust this transition time as follows.

Setting the Transition Duration

You can adjust the show / hide transition duration applied by the Show / Hide Button using the option at:

Show / Hide Button Settings > Design > Transitions > Transition Duration

The option is available in Divi Show / Hide Button v1.2.1 onwards.

Note that as of v1.2.1, the Show / Hide button also supports built-in animations configured within the module settings of the target elements. In that case, you may wish to disable the show / hide button's transitions entirely, which can be achieved by setting the Transition Duration field to '0ms'. Note that you can configure animations on the target elements by going to:

{Section, Row, Module} Settings > Design > Animation.

This post may contain referral links which may earn a commission for this site

Divi Booster

Hundreds of new features for Divi
in one easy-to-use plugin


Submit a Comment

Comments are manually moderated and approved at the time they are answered. A preview is shown while pending but may disappear if your are cookies cleared - don't worry though, the comment is still in the queue.

Your email address will not be published. Required fields are marked *.