However, by going into the plugin settings, you can disable this feature and use your WordPress theme's styles instead: If you're using the Astra theme, this is useful because it means you can use detailed controls to set styles for your entire site. After this, Elementor software will use the same styles as regular WordPress content, ensuring consistency across your site. Of course, if you want to override these global styles or style the design differently, Elementor gives you plenty of options. For each section, column or widget, you get three tabs to control its appearance and features: Content - basic things like alignment and size.
Style - colors, typography, etc. ing options you'll find in a page builder, so it's impossible to cover all the possibilities. In addition to custom margins and padding, there are two particularly handy features: Responsive controls - these allow you to hide content on certain devices such as mobile phones or tablets. Custom CSS - In Elementor Pro, you can add custom viber data CSS styles directly to individual widgets or sections in the free version, you can add a CSS class or ID, but not the styles themselves.
Finally, for many style settings, you can use the device icon to apply different styles to different device types: This is useful for mobile design and can be incredibly helpful in optimizing your pages for different devices. Beaver Builder Style Options By default, Beaver Builder takes your theme's global styles rather than applying its own styles like Elementor does. In our opinion, this is the best way to do it. Again, this means you can use the Astra theme customization elements to create a coherent style scheme, and then simply override the global styles in Beaver Builder as needed.