Snippets

This CSS snippet changes the placeholder color on the Elementor Form widget. Replace the hex code with the hex code of the color you want to use.

This CSS snippet sets the text element on the Button widget to be vertically centered. Useful when the icon is larger than the text.

This CSS snippet adds a scroll bar to the Elementor Text Editor widget. Useful to save space when you need to add long text.

This CSS snippet fixes the border radius issue (sharp corners) during transitions on Elementor Carousel widgets (Image Carousel, Loop Carousel, Media Carousel, Testimonial Carousel, Carousel).

This CSS snippet adds a background to the pagination element on Elementor Carousel widgets (Image Carousel, Loop Carousel, Media Carousel, Testimonial Carousel, Carousel).

This CSS snippet adds space to the navigation element on Elementor Carousel widgets (Image Carousel, Loop Carousel, Media Carousel, Testimonial Carousel, Carousel).

This CSS snippet removes the empty space below the footer when the content of the page is too sort. You can add this snippet to Site Settings.

This CSS snippet removes a small gap beneath the icon on the Elementor Icon widget. Remove the “selector” prefix for side-wide gap removal.

This CSS snippet adds a pill background to the menu items on the hover state on Elementor Menu widget.