Jump to content
View in the app

A better way to browse. Learn more.

Learn more

Ehren

Invision Community Team
  • Joined

  • Last visited

Solutions

  1. Ehren's post in Is there a way to remove the image from the post feed? was marked as the answer   
    Yes, this is possible 🀝
    Open the Page Editor, select your widget and enable the "Hide Images" option.

  2. Ehren's post in Width issue after upgrading to 5.0.19 was marked as the answer   
    There was a missing </div> with your header ad.
    Luckily not a software issue. All sorted! 🀝
  3. Ehren's post in Best practices to design for light and dark mode? was marked as the answer   
    If you want to merge both light and dark values into a single property, you can use the --if- variables, like so:
    .your-element{ background: var(--if-light, red) var(--if-dark, blue); }But otherwise the [data-ips-scheme] attribute is correct. πŸ‘
  4. Ehren's post in Scrolling Persistent Breadcrumbs was marked as the answer   
    This should work 🀝
    /* Sticky desktop breadcrumbs */ .ipsHeaderExtra{ backdrop-filter: blur(40px); position: sticky; top: 0; z-index: 6; }
  5. Ehren's post in [Theme Editor] Header was marked as the answer   
    Just a heads up that .primaryHeader isn't used in Invision Community. But this code will work:
    .ipsHeader__primary{ background-image: url('{resource="custom/image.webp" app="core" location="front"}'); background-size: cover; background-position: 50%; }
  6. Ehren's post in Image names on Gallery carousel was marked as the answer   
    Add this to the CSS area under the "Advanced" tab. The CSS is scoped to that widget, so even though this code looks "risky", it won't affect anything outside of your Image Feed:
    /* Hide image names */ .ipsData__title{ display: none; }
  7. Ehren's post in Sticky Header was marked as the answer   
    Hello,
    The code will depend on what header you want to become sticky. But the general idea is:
    .ipsHeader{ display: contents; } .ipsHeader__primary{ position: sticky; top: 0; z-index: 5; }Change the .ipsHeader__primary class to the header element which should become sticky.
  8. Ehren's post in Hide Member Group In Autocomplete was marked as the answer   
    You may want to isolate it to the member autocomplete using this code instead. I've also added code which improves the vertical alignment.
    #elInput_author_results .ipsAutocompleteMenu_item .i-color_soft{ display: none; } #elInput_author_results .ipsAutocompleteMenu_item .ipsPhotoPanel{ align-items: center; }
  9. Ehren's post in Pages Index Cover Photo was marked as the answer   
    This Custom CSS will do the trick. You can either add it to your theme, or to a CSS file in Pages which is assigned to your database:
    /* Remove cover photo from database record */ .ipsPageHeader--database-record .ipsCoverPhoto{ display: none; }
  10. Ehren's post in How To Hide Views On Profile All Activity Page? was marked as the answer   
    Hi @Chris027
    This CSS should do the trick:
    /* Remove views from Profile > Activity */ .cProfileContent .ipsData__stats > li:nth-child(2){ display: none; }
  11. Ehren's post in Different Advertisements For Light and Dark Modes was marked as the answer   
    Those classes should only be used for the logo. Use this instead:
    <a href="LINK_HERE"> <!-- Light mode image (hidden in dark mode) --> <img class="i-display_light" src="PATH_TO_YOUR_LIGHT_IMAGE" alt="light-image" loading="lazy"> <!-- Dark mode image (hidden in light mode) --> <img class="i-display_dark" src="PATH_TO_YOUR_DARK_IMAGE" alt="dark-image" loading="lazy"> </a>
  12. Ehren's post in Images Off Center On iOS was marked as the answer   
    Thanks, that's helpful!
    If you add this to your Custom CSS area, does it help?
    .ipsCmsEntries__primary{ grid-column: 1 / -1; }
  13. Ehren's post in Dropdown Menus on some Quest Rules is too small was marked as the answer   
    Hi @ntxpla
    This was fixed locally the other day. If it’s not included with .10, it’ll be available in .11 πŸ™‚

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions β†’ Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.