Avada theme overwrite own css

Question

I'm using Avada template and create child theme. In style.css I don't have any solution to overwrite default .css styles from Avada. Only possible solution is using !important , anyone know how to overwrite Avada .css without using !important

Answer 1

Please use custom css option. You can write css here it would overwrite the Avada css. Please check out the documentation https://theme-fusion.com/knowledgebase/how-to-make-custom-css-changes/

Answer 2

You can make usage of the Custom CSS feature available in the backend or many of the blocks being used by the Fusion Builder, which comes with Avada, have the availability to configure certain design elements from within them.

If you do want to use a child theme, be aware that Avada uses many !important rules in their stylesheet while other styling is being handled by either the fusion builder or javascript logic.