Custom CSS Advanced Styling

You can override Curator's default styling using custom CSS to match your brand perfectly. This gives you complete control over colors, fonts, spacing, and layout details.

How to Add Custom CSS

Add your custom styles under the Custom CSS option that you can find on Publish > Colors Tab > Custom CSS or to your website's stylesheet or within a <style> tag on the page where your feed is embedded. Use CSS specificity to override Curator's default styles.

Common CSS Selectors

Here are some general CSS selectors you can use to customize various aspects of the Feed. Please note that while these selectors apply to most Feed styles, certain feed layouts have unique CSS class names. If these selectors don’t work, you can inspect your Feed's HTML to identify the exact selector:

/* Overall widget container */
.crt-widget {
  font-family: 'Your Font', sans-serif;
}

/* Individual post container */
.crt-widget .crt-post-c.crt-post-border {
  border: 2px solid #000;
  border-radius: 8px;
}

/* Post text content */
.crt-widget .crt-post-text {
  color: #333;
  font-size: 14px;
}

/* Author name */
.crt-widget .crt-post-fullname {
  font-weight: bold;
  color: #000;
}

/* Post date */
.crt-widget .crt-post-date {
  color: #999;
  font-size: 12px;
}

/* Social media icons */
.crt-widget .crt-social-icon svg {
  fill: #ff6600;
}

Finding Element Classes

To style specific elements, use your browser's inspect tool:

1. Right-click the element you want to style in your feed

2. Select "Inspect" or "Inspect Element"

3. Look for class names starting with .crt-

4. Use those classes in your custom CSS

Example: Custom Color Scheme

.crt-post .crt-post-footer .crt-post-date .crt-post-date-link {

    font-size: 20px; 
    color: red;
}