Custom CSS

Use this page when you need small CSS touch-ups for Cevoid widgets. Cevoid widgets are mainly styled through the platform, and most design needs can be handled in your widget settings.

Every element in Cevoid widgets has a CSS class attached to it. These classes are prefixed with .cevoid-*.

Use your browser's developer tools to explore the classes available on a live widget.

1. Open a page where your Cevoid widget is embedded.
2. Right-click the element you want to style.
3. Select Inspect (or Inspect Element) to open developer tools.
4. In the Elements panel, look for class names that start with cevoid- on the selected element and its parent elements.

Add CSS for Cevoid widget classes in your site's CSS file to override the default widget styles. You may need !important when Cevoid's built-in styles are more specific than your site CSS.

.cevoid-caption {
  display: none !important;
}

This hides the captions of posts in the popup on both desktop and mobile.

.cevoid-products-wrapper {
  display: none !important;
}