Solutions
-
Ehren's post in Is there a way to remove the image from the post feed? was marked as the answerYes, this is possible π€
Open the Page Editor, select your widget and enable the "Hide Images" option.
-
Ehren's post in Width issue after upgrading to 5.0.19 was marked as the answerThere was a missing </div> with your header ad.
Luckily not a software issue. All sorted! π€
-
Ehren's post in Best practices to design for light and dark mode? was marked as the answerIf 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. π
-
Ehren's post in Scrolling Persistent Breadcrumbs was marked as the answerThis should work π€
/* Sticky desktop breadcrumbs */ .ipsHeaderExtra{ backdrop-filter: blur(40px); position: sticky; top: 0; z-index: 6; } -
Ehren's post in [Theme Editor] Header was marked as the answerJust 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%; } -
Ehren's post in Image names on Gallery carousel was marked as the answerAdd 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; } -
Ehren's post in Sticky Header was marked as the answerHello,
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.
-
Ehren's post in Hide Member Group In Autocomplete was marked as the answerYou 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; } -
Ehren's post in Pages Index Cover Photo was marked as the answerThis 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; } -
Ehren's post in How To Hide Views On Profile All Activity Page? was marked as the answerHi @Chris027
This CSS should do the trick:
/* Remove views from Profile > Activity */ .cProfileContent .ipsData__stats > li:nth-child(2){ display: none; } -
Ehren's post in Different Advertisements For Light and Dark Modes was marked as the answerThose 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>
-
Ehren's post in Images Off Center On iOS was marked as the answerThanks, that's helpful!
If you add this to your Custom CSS area, does it help?
.ipsCmsEntries__primary{ grid-column: 1 / -1; }
-
Ehren's post in Dropdown Menus on some Quest Rules is too small was marked as the answerHi @ntxpla
This was fixed locally the other day. If itβs not included with .10, itβll be available in .11 π