Hiding or Showing Feed Elements
You can hide specific elements of your Curator feed to create a cleaner look or match your site's design. This is done using custom CSS to target individual components.
Common Elements to Hide
Add these CSS rules to your website's stylesheet or in a <style> tag on your page:
/* Hide user profile images */
.crt-widget .crt-post-userimage {
display: none;
}
/* Hide post images */
.crt-widget .crt-post .crt-image {
display: none;
}
/* Hide social media icons */
.crt-widget .crt-social-icon svg {
display: none;
}
/* Hide post dates */
.crt-widget .crt-post-date {
display: none;
}
/* Hide author names */
.crt-widget .crt-post-fullname {
display: none;
}While these selectors apply to most Feed styles, certain feed layouts have unique CSS class names.
If the selectors above don’t work, you can inspect your Feed's HTML to identify the exact selectors.
How to Apply Custom CSS
Identify the element you want to hide using browser inspection tools
Add the CSS rule to your website's stylesheet
You may need to refresh your page to see the changes
Use browser developer tools to inspect your feed and find the exact class names for elements you want to modify. Right-click any element and select "Inspect."
Showing vs Hiding
By default, Curator displays all post elements. You can:
Hide elements with
display: none;Make elements invisible but keep their space with
visibility: hidden;Reduce opacity with
opacity: 0.5;for a subtle effect
Style-Specific Styling
Different templates may use slightly different class structures. Always test your CSS on the specific layout you're using. If a rule doesn't work, inspect the element to confirm you're targeting the correct class.
Hiding too many elements can make posts look incomplete. Test thoroughly to ensure your feed remains readable and attractive.