General Extensions Custom CSS Estimated reading: 2 minutes 11 views Sometimes the default style options don’t give you exactly what you want. That’s when using your own CSS can help. It lets you change how things look and work, so you can make your design match your ideas. Whether you’re changing space, fixing movement, or adjusting layout, Custom CSS gives you more control over any part of your page. Requirement Elementor (Page Builder) Animations Addons for Elementor (Our Plugin) Tip: Make sure Animation Addons is installed and activated on your WordPress site before you start. How To Activate Custom CSS Go to your WordPress Dashboard. Click on Animation Addons. Head to the Extension Tab. Click on General Extensions, and toggle on Custom CSS. First, select the element you want to apply the Custom CSS to. Then, click on the container to turn on the wrapper. Once you select the element, the Custom CSS option will show up in the Advanced tab. Then, click on it and paste your Custom CSS code. Finally, click on ‘Publish’ to see the results on your live website. You Did It Nice work! You’ve added your own CSS and made changes that fit your design better. From fixing space between elements to adjusting how things move, Custom CSS helps you take control when the usual options aren’t enough. Keep going—now you know how to shape your design just the way you like it. However, if you have any questions or need a hand, feel free to reach out to our support team—we’re always here to help.
