Jump to content
View in the app

A better way to browse. Learn more.

Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (โ‹ฎ) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Ehren

Invision Community Team
  • Joined

  • Last visited

Solutions

  1. 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; }
  2. 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; }
  3. 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; }
  4. 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>
  5. 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; }
  6. 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 ๐Ÿ™‚
  7. Ehren's post in Version 5 Icons vs. Version 4 Icons was marked as the answer   
    Hi @GoGators
    Since these are just FontAwesome icons, you can change them (or resize them) however you like with a sprinkle of CSS ๐Ÿ™‚ย 
  8. Ehren's post in ipsGrid on Downloads index was marked as the answer   
    Hey,
    This will reduce the size of the grid on the Downloads page when viewing a category. If I'm misunderstood the page you're referring to, let me know:
    /* Reduce size of downloads page grid */ .ipsData--download-file-table{ --i-data--basis: 260px; } ย 
  9. Ehren's post in User nav change was marked as the answer   
    This will do it. Nice and simple ๐Ÿ™‚ย 
    /* Reverse user navigation */ .ipsUserNav--member{ flex-direction: row-reverse; } ย 
  10. Ehren's post in ipsGrid was marked as the answer   
    ipsGrid has moved to a more fluid concept in version 5.
    With version 4, you'd typically add ipsGrid and then each child would need to use a ipsGrid_spanx class which told it how many columns to span (out of 12). On tablets and phones, these grids would automatically collapse to 1 column.
    That concept was fine a decade ago, but with the limitless amount of devices these days, fluid/dynamic concepts are better.
    In version 5, when you assign ipsGrid, all children are automatically assigned to a grid (the span class is now redundant). By default, grids have an ideal column width of 260px, but you can change that by adding a basis class, such as i-basis_350 which will make all columns 350px, or by changing the --i-basis CSS variable for that element. Columns will automatically grow/shrink/add/remove depending on the available space on the screen.
    If you need to restrict the grid to a certain amount of columns (lets assume you never want more than 3 columns for some reason), you can add ipsGrid--max-3 to the parent.
    If you need to use the old grid system and force content into a 12 column grid (like v4), you can use .ipsSpanGrid on the parent, and then ipsSpanGrid__4 (for example) on the children. But the new fluid code is better ๐Ÿ™‚ย 

Account

Navigation

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.